[Resolved] Top Bar Widget Area not showing

[Tim]

I have activated Header as navigation and made it sticky.

Now I want to display a top bar above the header (which is also sticky with the header) and have followed the instructions here, but ho top bar appears.

Site URL attached.

[David]

Hi there,

the Top Bar is hidden by the Fixed Navigation CSS you have:

nav#site-navigation {
    position: fixed;
    top: 0;
}

Change that to:

nav#site-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

[Tim]

That worked, thanks!

[David]

You’re welcome

[Author]

Posts