how to make your header transparent in dawn theme

i need a code for header to make it transparent in dawn theme

Hi @Rechard ,

Please provide your store url

Hi @Rechard ,

You can try this code by following these steps:

goto online store and then click edit code,

and goto the base.css file and paste the code mentioned below.

sticky-header.header-wrapper.color-background-1.gradient.header-wrapper–border-bottom {

background: transparent;
position: absolute;
width: 100%;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Hi @Rechard ,

This is Henry at PageFly - Shopify Advanced Page Builder app.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Henry | PageFly

sir this code is working but it have some error like let me show you ssome screen short when i scroll down than it become transparent

Hi @Rechard ,

Thank you for reaching out! Great question!

To make your header transparent you will need to edit the theme code. There are several solutions posted on our Community threads and you can find one of them here.

Keep in mind before you customize a theme, it’s a good idea to make a backup copy so that you can discard your changes and start again if you need to.

If you don’t feel comfortable editing the template code yourself, you can always reach out to our Support team. Our team may be able to customise this for you if you use Shopify free theme and your store has enough complimentary design time left.

You can reach out to our Contact Us page on this link. Then log in to your store. It will allow us to verify you as the store owner securely. Once you have successfully logged in, you should be able to reach out to a Support Advisor and discuss the customisation request as there are specific customisations supported.

Otherwise, you can post a job on the Shopify Experts Page and see what feedback and quotes you get.

How are things going with the rest of your website? If you’re looking for the next steps to grow your business further, you might be interested in our video courses on Shopify Learn! This is a free resource for you to learn about anything from marketing to store design. I highly recommend taking advantage of this as you’ll find many tips and strategies from experts in different fields.
As always, should any questions arise, be sure to reach out to us!

Looks like you found the right solution.