[Resolved] Make top bar sticky

[Craig]

Is there any way to make the “top bar” sticky?
Your feedback will be appreciated.

[Tom]

You should be able to do this:

.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.admin-bar .top-bar {
    top: 32px;
}

[Craig]

Thanks Tom, works like a charm…

[Tom]

You’re welcome 🙂

[Joseph]

Do you put the code in Additional CSS? I tried on my site and unfortunately, it did not work for me.
https://carpetcleaninglittletonco.com

[Leo]

Yup in Addtional CSS.

I don’t see the CSS being added though. Try clearing caching plugin?

[Joseph]

Yes, I removed the CSS because it made the top bar appear behind my navigation.

I put it back on so you could see the result.

[Leo]

What is that housecall bar at the top with the Book Online button?

Is it supposed to be there?

[Louis Huynh]

Hi,

how can I move top bar, display at bottom of phone and also sticky?

thank you

[Leo]

Can you open a new topic for your question?

Thanks 🙂

[Author]

Posts