No underlines menu on mouseover (2 posts)

  1. JelmerPWN
    Posted 1 year ago #

    Stargazer -> Spring Song

    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.


    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,

  2. Michael
    Part-Time Forum Moderator
    Posted 1 year ago #

    generally, add a CSS rule to remove the text-decoration on the a:hover styles of the menu;

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic