Transparent Header for DESTOP ONLY And Not For Mobile Version

My header for the destop version is currently transparent, but I want the mobile version to be in solid white. Is there a way I can fix this?

https://constructionlayers.com/

Hi @clayinfo

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.


And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks

Hi @clayinfo

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

Hello @clayinfo :waving_hand:

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

@media (max-width: 749px) {
    sticky-header {
        background-color: white !important;
    }
}

The result on mobile

Hope that helps!