Archived topic

hide top bar in desktop ad show it only on mobile

6 replies · Started by Valentina on July 8, 2020

Viewing posts 1–7 of 7

July 8, 2020 at 3:33 am #1356236

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

July 8, 2020 at 4:09 am #1356277

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

July 8, 2020 at 5:20 am #1356344

Thanks Kumar.

Hi there,

Try this CSS:

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

July 8, 2020 at 3:43 pm #1357129

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

July 8, 2020 at 4:12 pm #1357153

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?

July 8, 2020 at 11:55 pm #1357402

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

valentina

July 9, 2020 at 10:04 am #1358222

No problem :)

This archived topic is closed to new replies.

Start building better websites today.