[Resolved] hide top bar in desktop ad show it only on mobile

[Valentina]

Hi,
i would fix the top bar with icons only in mobile version and hide it for desktop and tablet
(My reason is i don’t want to repeat icons showed both in top and header side section)

thanks for the help

Generate Press Version: 2.4.2
GP Premium Version 1.10.0

[elusive2k]

Hi Valentina,

You could checkout previous topic at: https://generatepress.com/forums/topic/can-i-hide-the-top-bar-on-mobile-devices/

Kind regards,

Kumar

[David]

Thanks Kumar.

Hi there,

Try this CSS:

@media (min-width: 768px) {
    .top-bar {
        display: none;
    }
}

[Valentina]

hi Kumar,
probably I explained myself wrong
i want HIDE in desktop and SHOW in mobile THE TOP BAR
thanks

[Leo]

David’s CSS should work:
https://generatepress.com/forums/topic/hide-top-bar-in-desktop-ad-show-it-only-on-mobile/#post-1356344

Have you tried it?

[Valentina]

yes!!! it works!
Thanks everybody!!!!!!

valentina

[Leo]

No problem 🙂

[Author]

Posts