Staff replied SP Page Builder

Header overlaying image fullscreen

Asked by Jakub 1 year ago Last activity 1 year 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

1 reply

Toufiq Senior Staff

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)

Log in to reply.