Problem with header

Hi, I have a problem with the header. When the page is scrolled down where part of the header should be transparent it turns black. This happens on every page except when I turn on the overlay option in the header (then the header only works well on the home page).

https://imgur.com/a/dCW222J

1 Like
  • Here is the solution for you @adrianovsky
  • Please follow these steps:

  • Then find the theme.liqid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

Nothing has changed, the problem continues.

1 Like

Can you take a screenshot of the code you added for me to see?

https://imgur.com/a/DWkdLjY

1 Like
.Cover.GalleryCover .Navbar {
    background: transparent !important;
}

Can you add this code to last line file styles.css @adrianovsky

I added this line, but still I have this problem.

https://imgur.com/a/4nwVTas

1 Like

Please take a picture of the part you added on your theme for me to see if you made any mistakes.

https://imgur.com/a/cpGfn6p

Can you share store url

https://forgeofpower.com/

1 Like
header.megamenu_stuck {
    padding: 0 !important;
}

Can you try add this code to last line file styles.scss.css @adrianovsky

1 Like

It worked! Thanks so much!

1 Like

Glad to help you. Have a good day.