Sticky bar going behind items

Support
#1

I created a sticky bar for a section on this page as a sub header for page navigation. But for some reason the bar goes behind the images on the page as well as the accordion at the bottom.

Can you help me figure out how to keep this section as the top layer so that the page items go beneeth it?

#2

Hello @bcoplin,

Thanks for writing to us.

I checked your site page URL it seems that there is a JS code working which is decreasing the z-index of the section, I would suggest you please remove the JS code, or for a quick fix, you can override the style by custom CSS code.

header.x-section.sticky{z-index: 99 !important;}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#3

It worked! Thank you so much.

#4

Hello @bcoplin,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.