How do i remove menu hover

  • claudiabuenbarrio · Member ·

    Hello i am using the Promenade theme and was wanting to remove the hover box around my menu in the header. I have tried some code and some have told me its hard coded and some say and can’t be done? i a just wandering if this is possible and how to do it thank you the site is. http://buenosbarrios.com

    The blog I need help with is: (visible only to logged in users)

  • hallluke · Member ·

    Could you explain in a little more detail what you mean by removing the hover box around the menu?

    I assume you don’t want to completely hide the sub-menus – just change the styling of boxes that appear when you hover over the items?

  • designsimply · Member ·

    I just checked out http://buenosbarrios.com and it looks so cool! I really love how you’re showcasing artwork.

    It looks like you may have changed themes recently and you are now using the Connect theme. I will post a few examples, one for each theme, in case one of them helps. Keep in mind that CSS is theme-specific, so if you change themes then you must start over with your CSS so that you can write rules that apply to the new theme.

    To remove all of the background colors from the main menu and submenu items in the Connect theme, add this to your Appearance > Customize > CSS editor:

    .menu li,
.menu ul.sub-menu,
.menu ul.children {
	background-color: inherit;
	box-shadow: none;
}

.menu a {
	box-shadow: none;
}

.menu a:focus,
.menu a:hover,
.menu a:active,
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	background: none;
}

    If you were using the Promenade theme still, then you could make the background for main menu items stay white with black text on hover with the following CSS:

    .site-navigation .menu li:hover {
	background: #fff;
}

.site-navigation .menu li:hover a {
	color: #1f1f1f
}

.site-navigation .menu .sub-menu li a {
	color: #fff;
}

    If you meant something different, please reply back here and mark this thread as “not resolved.”

  • The topic ‘How do i remove menu hover’ is closed to new replies.