[Resolved] Adding text/links above mobile header

[Mike]

I’m using Tasty with sticky mobile header. How can I add HTML content — I want to add text links — above the header, and appearing in mobile only?

Thanks!

[Leo]

Hi there,

Would the top bar widget area work for you?
https://docs.generatepress.com/article/top-bar-widget-area/

We can use CSS to hide it on desktop so it’s mobile only:

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

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

Let me know 🙂

[Mike]

Perfect! And so well-named — Top Bar — I’m shocked I didn’t find it for myself.

Thanks!!

[Leo]

No problem 🙂

[Author]

Posts