Header overlaps sections and doesn't go grey

Store Design
, , , ,
1

Hello,

In my store - https://laromes.shop/ (Sense version 8.0.0)

  • The header overlaps the cart drawer (on mobile and desktop)

SpaKovsKi_0-1677847635740.png
SpaKovsKi_0-1677847635740.png1913×532 103 KB

  • The header doesn’t go grey when the cart drawer is opened or when the Klaviyo sign-up is shown

SpaKovsKi_1-1677847829860.png
SpaKovsKi_1-1677847829860.png1718×557 167 KB

Tried to play around with z-index but nothing works. Not sure what could be the issue after the 8.0.0 update.

Please let me know if any advice and assistance can be provided here.

Thanks in advance

2

Hi @SpaKovsKi ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/custom_styles.css->paste below code at the TOP of the file:

body .section-header {
    z-index: 9 !important;
}

I hope it would help you
Best regards,

Richard | PageFly

3

Thanks a lot. That helped