Header Overlaying Image Fullscreen - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Header Overlaying Image Fullscreen

Jakub

Jakub

SP Page Builder 4 weeks ago

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/menu. When using an external image viewer script with full-screen display (content embedded via <div> and Java script – unfortunately, I cannot influence the loaded content/script as it is an external source), the header remains in front of it and obscures information and the button to close the respective image viewer. In Helix > Basic > Header, Sticky Header is disabled.

The problem occurs at https://spiezmoosgarage.ch/fahrzeugangebot when you click on a vehicle listing and then on the image to open the full-screen display. 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, Jakub

0
1 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 weeks ago #204853

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Add this css code inside the custom.css file.

#sp-header {
    z-index: 1;
}

Best regards,

Toufiqur Rahman (Team Lead, Support)

0