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
Header remains "sticky"
Accepted answer
Marked as the solutionYes, finally I fixed it using z-index and took care that the header remains on top on all other sites.
Thanks for getting back!
Thanks for the confirmation:)
You may accept any answer here to close the post.
Have a nice day!
3 more replies
Hi 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
Hi 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
Hi Jakub,
Sorry for the delayed response. Your issue seems truly solved now. Please let me know.
Best regards,