[Resolved] How to prevent image in top bar to appear on desktop screens

[Mahmoud]

Hi
I have added a gif image to my top bar and make it sticky, I want this image to show only to visitors that enter my website through mobile phones only, How could I do this?

my website URL is
https://xn--jgb9dbe.com/

[Leo]

Hi there,

Try this CSS:

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

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Mahmoud]

it works
thank you very much

[Leo]

No problem 🙂

[Author]

Posts