Header Remains "sticky"
Jakub
Hello The website uses SP Page Builder Pro (5.4.4), Helix Ultimate Framework (2.1.1), and the Shaper_waynecorp template (2.0.2). The header contains the navigation. When using an external image viewer script (embedded via <div> and java script - unfortunately, I cannot influence this as it is an external source), the header remains in front of it, covering information and the button to close the respective image viewer. In Helix > Basic > Header, Sticky Header is disabled. The problem occurs https://spiezmoosgarage.ch/fahrzeugangebot when you click on a car and then on the image > a full-screen page opens. The header should not be displayed here. Why is the header still in front of the image and how can the problem be solved? Thank you very much, Jakub
Jakub
Accepted AnswerYes, finally I fixed it using z-index and took care that the header remains on top on all other sites. Thanks for getting back!
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out.
It is looking good at my end. Screenshot in the hidden content box.
Please clear your browser cache deeply then check again.
Best regards
Jakub
Accepted AnswerHi Rashida
That's extactly how it should look like ;-) Thanks.
But, can you please check again? I was trying to solve the issue using a custom css ( #sp-header { z-index: 1 !important; } ) and you may have tested the page exactly when this was active. Unfortunately I can't use this particular custom css as then the header is also hidden on other pages. Any idea how to solve this?
And yes- browser and joomla caches I am always clearing before every refresh/check.
Thanks, Jakub
