Docs

[dsmillie]

Hello.

I’ve managed to successfully delay the onset of the mobile menu from 979px to 915px because I wanted the full desktop menu to be visible for as long as possible (i.e. up to the point when the menu will drop below the navbar because it’s too wide to fit, which in my case is 915px).

However, I’ve noticed that the search item changes from just an icon to the icon + the word “Search” when you get below 979px. This is therefore still causing my menu to drop below the navbar (between 979px and 915px) as it gets suddenly wider than expected.

Is there any way, at the same time as keeping the desktop view of the menu, to also keep the desktop labels of the menu items so the search item remains as only an icon until the mobile menu activates?

Hopefully that question makes sense!

Thanks,
Darren

[dsmillie]

This reply has been marked as private.

[Lely]

Hello Darren,

Thanks for posting in.
Unfortunately, your site is not loading when I checked. See this:http://screencast-o-matic.com/watch/cbVbIsQGOM
Please checkin with your hosting provider first.

[dsmillie]

Sorry, the website is accessible again. Could you please take a look?

Thanks,
Darren

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width: 979px){
span.x-hidden-desktop {
    display: none !important;
}
}
@media (max-width: 979px){
span.x-hidden-desktop {
    display: inline !important;
}
}

Hope that helps.

[dsmillie]

Just what I needed, thank you!

[Christopher]

You’re welcome.

[Author]

Posts