[sander bParticipant]

Hi,

i changed the boxshadow of the main menu to be at the bottom.
if i hover over the buttons it briefly comes up at the top???
what is a good solution for that?

[sander bParticipant]

This reply has been marked as private.

[CousettMember]

What was the code you used to change the default action? Please make sure any CSS modifications are under Appearance -> Customize -> Custom -> CSS

I hope this helps.

[sander bParticipant]

i work in the integrity-light child theme.
i made the changes in style.css
i copied the css and pasted it in Appearance -> Customize -> Custom -> CSS
unfortunately it didnt work

.x-navbar .x-nav a:hover {-webkit-font-smoothing: antialiased!important;color: #666 !important;-webkit-box-shadow: inset 0 -4px 0 0 #ff0000 !important; box-shadow: inset 0 -4px 0 0 #ff0000 !important;-moz-box-shadow: inset 0 -4px 0 0 #ff0000 !important;}
.x-navbar .x-nav .current-menu-item a {-webkit-box-shadow: inset 0 -4px 0 0 #666 !important; box-shadow: inset 0 -4px 0 0 #666 !important;-moz-box-shadow: inset 0 -4px 0 0 #666 !important;}
.x-nav>li>a {top:185px !important;}

.x-navbar .x-nav .sub-menu a {-webkit-font-smoothing: antialiased!important;color: #FF0000!important;font-size: 18px!important;font-weight: normal;font-style: normal;font-family: “VAGRoundedStdBold”, Georgia!important;letter-spacing: 1px!important;-webkit-box-shadow: none !important; box-shadow: none !important;-moz-box-shadow: none !important;}
.x-navbar .x-nav .sub-menu a:hover {display: block;clear: both;white-space: nowrap;color: #ffffff!important;-webkit-transition: none;transition: none;background-color: #FF0000!important;font-size:18px !important;font-family: “VAGRoundedStdBold”, Georgia !important;}

[Kosher KMember]

Hi There,

Can you please try adding this code below under Customizer > Custom > CSS and see how it works,

.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > .sfHover > a, .x-navbar .x-nav > .current-menu-item > a {
 box-shadow: none;
}

Cheers

[sander bParticipant]

it works half… the current menu item is ok now
the other one with the submenu still does it…

maybe i should not use box-shadow at all (put it all to ‘none’) but change to border?

i’ll give that a try and let you know how that works out

[sander bParticipant]

hmmm difficult
i set all box-shadows to none and applied a border-bottom.
border bottom shows up
box-shadow > same problem

ai ai

[sander bParticipant]

worked with border bottom 🙂

you (or I) forgot to put in -webkit-box-shadow: none;
… so it didn’t work at first… 😛

excellent

[Paul RModerator]

Hi Sander,

Glad you have figured it out.

Have a nice day! 🙂

[Author]

Posts