[Digi]

Hello,
i want to hide the top bar in mobile layout. I tried the :
@media only all and (max-width: 1023px) {
#top-bar {
display: none;
}
}
in custom css file but its not working.

[Juanfra Aldasoro]

Hi,

Thanks for writing.

I hope you are doing well. I’ve visited your site and the top bar is not displaying on mobile devices. You have something named “mob menu” but that’s not part of the theme. I don’t know what plugin are you using for that, but that’s the one responsible for showing a top bar.

Best,
Juan.

[Digi]

Hello Juan,

both the mob menu and the top bar are showing

View post on imgur.com

I have created the menu and put it in top bar. I wanted it to show on desktop but not on mobile.

Regards,
Andrej

[Juanfra Aldasoro]

Hi Andrej,

Thanks for the follow-up.

Ok, so you mean the main header navigation when viewed in mobile. The top bar is something different, it is more similar to what you have done with the “mob menu”

You can try hiding the main navigatoin menu by using the following CSS:

@media only all and (max-width: 1023px) {
    #toggle-nav-container {
        display: none;
    }
}

Best,
Juan.

[Digi]

Great, works like a charm!

Regards,
Andrej

[Juanfra Aldasoro]

Thanks for the follow-up! 🙂

I’m glad it’s working.

Have a nice day,
Juan.