[catunderwoodParticipant]

Hello there,

I wonder if you can help me with two things I’d like to change on my top nav:

1. my child pages are only accessible via a click on the top menu parent label. How do I change this to a hover?

2. the menu drops into two lines for smaller screen sizes, before it shrinks to the burger menu for mobile. How do I stop this? E.g. can I bring the labels closer together or set a mobile rule at a larger size?

Website is cohocontent.com

Thanks very much,
Cat

[Paul RModerator]

Hi Cat,

Thanks for writing iN!

1. I can’t replicate this issue on my end. Are you referring to the mobile menu?

2. You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 1055px) {
.x-nav-wrap.desktop {
   display:none;
}

.masthead-stacked .x-btn-navbar {
    display: block;
    float: left;
}

.x-nav-wrap.mobile {
   display:block;
}

.x-nav-wrap.mobile.collapse {
   display:none;
}

.x-nav-wrap.mobile.collapse.in {
   display:block !important;
}
}

[catunderwoodParticipant]

Super, thank you 🙂

That’s interesting re. the hover/click. Referring to desktop. Here’s a screen shot of me hovering over ‘Services’ in Chrome (& logged in to WP) – you can see no drop down menu appears.

However I’ve just tested in Edge & it works ok.

Thanks v much,
Cat

[Paul RModerator]

Hi Cat,

It’s working fine in chrome on my end.

http://screencast.com/t/ns8wvV8baQzF

Try to clear your browser cache and check again.

Thanks

[Author]

Posts