WordPress.org

Forums

No underlines menu on mouseover (2 posts)

  1. JelmerPWN
    Member
    Posted 11 months ago #

    Theme
    Stargazer -> Spring Song

    Problem
    When you go with your mouse over the pages in the menu it changes color and there appears a underline. The problem is that my friend doesn't want the underline.

    Code

    I think there must be something changed in the child theme, here is the piece of code I think I have to change something in:

    #menu-primary li a {
    	font-weight: 700;
    	color: #393d3e;
    }
    
    @media only screen and (max-width: 799px) {
    	#menu-primary li a:hover, #menu-secondary li a:hover {
    		background: #a4d7db;
    		color: #ffffff;
    
    	}
    	#menu-primary li a, #menu-secondary li a {
    		background: #ff80df;
    		border-color: #ff80df;
    	}
    }
    
    @media only screen and (min-width: 800px) {
    	#menu-primary ul ul li a:hover, #menu-secondary ul ul li a:hover {
    		background: #ff80df;
    		color: #ffffff;
    	}
    	#menu-primary li li a, #menu-secondary li li a {
    		background: #a4d7db;
    		border-color: #a4d7db;
    	}
    	.menu li > ul::before {
    		border-bottom-color: #a4d7db;
    	}
    	.ltr .menu li li > ul::before {
    		border-right-color: #a4d7db;
    	}
    }

    Thanks in advance for your help.

    Friendly regard,
    Jelmer

  2. alchymyth
    Forum Moderator
    Posted 11 months ago #

    generally, add a CSS rule to remove the text-decoration on the a:hover styles of the menu;
    http://www.w3schools.com/cssref/sel_hover.asp
    http://www.w3schools.com/cssref/pr_text_text-decoration.asp

    try using a browser inspection tool to identify which styles you need to edit or add.

    for direct theme specific support, please post in https://wordpress.org/support/theme/spring-song/

    or better, post a live link to your site.

Reply

You must log in to post.

About this Topic