Archived topic

Element Top Bar Not Sticky

1 reply · Started by Colin on November 28, 2021

Viewing posts 1–2 of 2

November 28, 2021 at 3:49 am #2027248

Hi there,

I have created a hello top bar in elements as a block hook and it's showing.

But I can't seem to get it to stay when scrolling down.

I've added CSS code from searches on here but it's still not working.

I deleted the code and decided to ask the question on here.

My website is:

Any advice?

Thank you!

Colin

November 28, 2021 at 6:23 am #2027423

Hi there,

1. Add this CSS to your site:

.sticky-top-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

2. Edit the Element, select the parent Container Block, in the sidebar settings: Advanced > Additional CSS Class(es) field add: sticky-top-bar

This archived topic is closed to new replies.