Archived topic

Nav Stripe Disappears When I Use Sticky Navigation

3 replies · Started by Ben on September 12, 2021

Viewing posts 1–4 of 4

September 12, 2021 at 8:16 am #1927895

Hey guys,

So I've created a colourful decoration under my nav bar. I've used a hook to do at and I've set it to after_header.

But when I select the sticky menu, it rolls under the nav bar instead of staying in place.

Am I using the wrong hook name or is there a way I can get it to work?

Thanks

Ben

September 12, 2021 at 11:46 am #1928014

Hi Ben,

Try to give the container of the strip an additional CSS Class, eg. colored-stripe.
https://wordpress.com/support/adding-additional-css-classes-to-blocks/

Then add this CSS:

.colored-stripe {
    position: fixed;
    top: 60px;
    width: 100%;
}

Let me know if you need further assistance :)

September 13, 2021 at 11:23 am #1929250

That worked, thanks!

BEn

September 13, 2021 at 11:33 am #1929258

You are welcome :)

This archived topic is closed to new replies.