Sticky Nav Bar /Slider Issue

I wish to make the top nav bar sticky in Dazzling theme. I used the css provided in this forum post. It achieves my goal of making the nav bar stay in place when scrolling down the page, but it messes up the slider photos.

This code causes the slider to move up to the top of the page. The z-index: 9999 code causes the nav bar to overlay the slider, so the viewable image size (height) is reduced. If I remove the z-index: 9999 line, I can see the entire slider photo, anchored at the very top of the page, but then I have no nav bar at all.

What additional code must I add to push the slider photo down on the page to the bottom edge of the nav bar so that the entire slider photo is viewable?

Thank you!

Hi @springchick1219,

I hope you are well today and thank you for your question.

Could you please share me your site URL where it’s happening so that i can troubleshoot it and help you to resolve it?

Kind Regards,