How to make the topheader area sticky too
Answered on January 17, 2017.
Best answer
Sticking an element is done by adding “position: fixed;” to it’s CSS style. If the header is already stickied, you also need to change the “top” value to make room for the top bar so it doesn’t overlap. something like:
.header-secondary {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
}
.header-sticky.is_stuck.is_stuck_show {
top: 50px;
}
How to see the existing styling:
CSS Styling Using the Browser Inspector & Customizer
Understanding the Top Bar classes:
Bunkerboy
Seems this forum is quite pointless… 3 answers formulated to the last 20 questions?
Is anyone from Layers even following this forum?
Vail Joy
Hi there,
As outlined in our support policy, this is a community-driven forum. Layers team stop by on a voluntary basis. Most questions are answered in our main documentation, or you can contact us on Layers Messenger if you have a technical problem.