Transparent header

Store Design
,
1

Hey team,

Looking to be able to put a photo in behind my transparent mobile header on my product pages. Currently it’s a separate block. I have this coded for desktop but not for mobile yet.

Any help to fix this and remove the shadow outline on my header would be greatly appreciated!

URL: https://ap-perform.com/products/pulsepro%E2%84%A2-massage-gun

2

Hi @Nato0201 , Pls insert this code to your file css :

sticky-header-mobile.header-mobile {
    position: fixed;
    width: 100%;
}

Here is result:

BssTechVenture_0-1715704708933.png
BssTechVenture_0-1715704708933.png915×768 640 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you :heart_eyes: :heart_eyes:

3

Hello @Nato0201

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

@media screen and (min-width: 768px) {
    .scrolled-past-header .header-nav-hamburger {
        box-shadow: none !important;
    }
}

Thanks!

4

Thanks for this! My home page header (mobile) is now gone however, any chance you can fix this?