Hello, I have recently followed a tutorial video from youtube to make the header transparent on Dawn 8.0 https://www.youtube.com/watch?v=feuDG6igGDk&lc=Ugy-agV39tqeyE-Bxzd4AaABAg.9nMSRBGqWzc9nMh6IjGQUe The code works great and perfectly on both desktop and mobile (mobile is GREAT), but I will nee…

Hi @1989streetwear , This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for the 1 solution: Step 1. Go to Online Store → Theme → Edit code Step 2. Open your theme.liquid theme file Step 3. Paste below code before : Hope my answer will help you. Best regards, V…

Hi @PageFly-Victor thank for you reply this code kind of works but it changes the position of the logo and the search, account and cart icons to the edges of the page [Untitled.jpg]

Thank you I am using just this in my custom css file. .header#site-header:hover { background: black; } The height also plays with the header when you scroll down the page and you try to hover it.

Fix header when overing or clicking menu back to BLACK

Store Design

PageFly-Victor March 19, 2023, 11:11am 4

You can remove my previous code and try this code below:

Topic		Replies	Views
How to make transparent header with a mega menu non transparent when hovering over it Store Design header	4	100	July 9, 2024
How can I make my website header stay transparent when scrolling? Store Design design , header , customizations , css	34	243	November 8, 2023
Customize Header and Logo Color to Change When Scroll and Hover Store Design design , css , shopify-themes	3	92	November 25, 2024
Make header transparent, make it back to normal when hovering Store Design design , header , customizations , html	1	28	November 20, 2023
Edit header/ dropdown mega menu background transparency Store Design	4	78	September 26, 2022

Fix header when overing or clicking menu back to BLACK

Related topics