Remove menu hover effect

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Archimidis Mertzanos

    (@archimidism)

    5 years, 10 months ago

    Hello dear @rdc4
    You can change the link hover like this. Go to the WordPress Customizer > Additional CSS tab and write the following CSS.

    #header ul li a:hover:before,
#header ul li.current-menu-item:before{
	content: unset;
}
#header ul li.current-menu-item a,
#header ul li a:hover{
	color: #f37139;
}

    This code will take care of the hover state and the current menu item state as well.

    For the second question In the next updates I will add some generic colorpickers you can use to change some color styles.

    Cheers!
    ArchimidisM

    Thread Starter kraky9

    (@rdc4)

    5 years, 10 months ago

    Thank you for your answer.

    I would also like to remove the following lines everywhere, such as on the main menu, my account links, etc

    https://i.ibb.co/FWKZmhX/tyjdty.png

    Thank you

    Theme Author Archimidis Mertzanos

    (@archimidism)

    5 years, 10 months ago

    Hello @rdc4 please add the following rules.

    .topbar-area .menu li ul li.current-menu-item:before {
  content: unset;
}

#header ul li ul li.current-menu-item:before {
content: unset;
}

#header ul li ul li a:hover:before {
  content: unset;
}
.woocommerce-MyAccount-navigation ul li.is-active a:before {
  content: unset;
}

    Please try these and tell me if you need anything more.
    Also, I would kindly ask you, if you like our theme to leave us a review.

    https://ww.wp.xz.cn/support/theme/fashionable-store/reviews/

    All the best
    ArchimidisM

    Thread Starter kraky9

    (@rdc4)

    5 years, 10 months ago

    Hello dear @rdc4
    You can change the link hover like this. Go to the WordPress Customizer > Additional CSS tab and write the following CSS.

    #header ul li a:hover:before,
#header ul li.current-menu-item:before{
	content: unset;
}
#header ul li.current-menu-item a,
#header ul li a:hover{
	color: #f37139;
}

    This code will take care of the hover state and the current menu item state as well.

    For the second question In the next updates I will add some generic colorpickers you can use to change some color styles.

    Cheers!
    ArchimidisM

    After adding that code I found an issue that I’m not sure how to solve, when the current page is the Shop page all the sub-menu items are colored as you can see.

    https://i.ibb.co/r3c91vP/Anota-o-2020-07-16-173603.png

    Theme Author Archimidis Mertzanos

    (@archimidism)

    5 years, 10 months ago

    Dear @rdc4,
    this is not a bug, this is a current menu item coloring. The submenu items of the main current menu item are getting color. You don’t want this right?
    Change this one 

    
#header ul li.current-menu-item a,
#header ul li a:hover{
	color: #f37139;
}

    to 

    #header ul li.current-menu-item > a,
#header ul li a:hover{
	color: #f37139;
}

    Please tell me if this works for you.

    Cheers
    archimidis

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Remove menu hover effect’ is closed to new replies.