Site logo

Archived topic

hide-on-mobile not working

3 replies · Started by Bernhard on December 18, 2020

Viewing posts 1–4 of 4

In the secondary navigation menu I inserted for the Facebook logo the css class hide-on-mobile, but it is still shown on mobile.

Hi Bernhard,

Replace this css you've added:

.secondary-navigation .sf-menu>li {
    float: none;
    display: inline-block !important;
}​

with this:

.secondary-navigation .sf-menu>li:not(.hide-on-mobile) {
    float: none;
    display: inline-block !important;
}

Perfect, thank you :)

No problem :)

This archived topic is closed to new replies.