I’m really happy with my navigation customisations, however the only part I’m stuck on is disabling the transparent background header styling when the mega menu is opened. Any ideas? Thanks in advance! Store: https://manifest-a-pearler.myshopify.com/ Password: pearler Dawn Theme Current: [Cur…

Hi @pearlerwork , You still need to have this code before You could please try re-adding it. Best regards, GemPages Support Team

Hi @pearlerwork This is Victor from PageFly - Landing 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 base.css body.template-index .header-wrapper{ background-color: rgb(var(--color-background), 1) !…

Thanks @PageFly-Victor ! This didn’t work I’m afraid. Here’s my current code I have: /** ? ? ? Transparent Header ? ? ? **/ body.template-index .header-wrapper { position:absolute; width:100%; background-color:transparent; } /** ? ? ? Solid Background on Scroll ? ? ? **/ .scrolled .header-wr…

Please help me remove this code it will show the background you want. [PageFlyVictor_0-1673320092599.png] [PageFlyVictor_1-1673320092673.png]

Hello @pearlerwork , It’s GemPages support team and glad to support you today. I would like to give you the recommendation to support you so kindly follow the steps below: Go to Online Store > Theme > Edit code of your current theme [GemPages_0-1673325864190.png] Open your theme.liquid them…

Thank you! It hasn’t worked however I’ve added the code and kept it there if you want to take a look? @GemPages

Hi @pearlerwork , You could please try moving this code to before instead of Best regards, GemPages Support Team

@GemPages That’s perfect - thanks so much!

hello! I tried to make this work for me, but the change-bg-custom color stays active even when I close the mega menu. I don’t have it enabled on my live site, but you can take a look: craefta.studio You can see I have a nav background on hover, but when the mega menu is open and you moue off the me…

How can I disable transparent background header when opening mega menu?

Store Design

pearlerwork January 10, 2023, 8:42am 8

Thanks - I’ve moved it but no change! @GemPages

Topic		Replies	Views
Edit header/ dropdown mega menu background transparency Store Design	4	54	September 26, 2022
Change colour on header when mega menu is open Store Design menu , design , header , landing-page	2	36	March 27, 2024
How to make transparent header with a mega menu non transparent when hovering over it Store Design header	4	71	July 9, 2024
Make Mega-Menu bar transparent until scroll up Store Design menu , design , header , customizations , landing-page , css , shopify-themes , html	1	44	May 30, 2024
I want my header to be transparent, but opaque when I open my burger menu. Store Design header	3	32	February 25, 2025

How can I disable transparent background header when opening mega menu?

Related topics