How can I modify the header background opacity in Dawn 12.0?

Store Design
, , , , ,
1

Hello there,

I wanted to adjust the background color opacity of the Header. I am currently using Dawn 12.0

Bildschirmfoto 2023-11-26 um 17.40.33.png
Bildschirmfoto 2023-11-26 um 17.40.33.png2902Ă—1008 469 KB

1 Like
2

@yungmuehle - can you share this page link?

3

Hi @yungmuehle ,
This is Theodore from PageFly - Shopify Page Builder App.

Can you give me the URL store? I can check for you

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

4

HI @yungmuehle

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

5

Www.streetwearbooth.com

Baller03

1 Like
6

Thanks for the info, 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 “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.header__menu-item {
    opacity: 1 !important;
    color: white !important;
}

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

7

I followed your steps and still the header is not transparent ( I did change the opacity to 0.5 to check if it works like that). I made it with

sticky-header {
opacity: 0.7;}

to almost look like i wanted. unfortunately i got a white frame below now.

8

Actually i solved it myself, my solution was to move the image banner below with “Position: relative” to the top to overlap the white border. afterwards i’ve done some paddings and margins et voila… it works :slightly_smiling_face:
Thanks for your help anyway !