Menu transparent on Homepage | Theme Craft 15.1.0

[noah12x2]

Hey, 

i am just starting a new Website atm.

First thing i want to do is the Homepage obv, therefore i need to get the Menu transparent on homepage.

Can someone please help me!

Appreciate it!

[sahilsharma9515]

Hi @noah12x2 Welcome to the community!

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

[noah12x2]

Hey, its https://f66a28-c1.myshopify.com/

Password is burtah

[sahilsharma9515 · Accepted solution]

Hi @noah12x2 thanks for the URL, please add this code

<style>
.header-wrapper.color-scheme-1.gradient {
    background-color: transparent !important;
}
</style>

Please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.liquid in the code in left hand side in your theme.
6. Add the following code in the bottom of the file above </body> tag

It will make the header transparent, but as you header is not sticky so it should not look like it is floating on other sections.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[noah12x2]

added it here but seems not working 

[noah12x2]

my fault got it

[sahilsharma9515]

Hi @noah12x2 Yes you have added the code in correct place,  I have looked into your store and it is working fine as I have found that the default color of your store is grey and when we have added the code so it is showing the default color.

Also as mentioned earlier that It will make the header transparent, but as you header is not sticky so it should not look like it is floating on other sections, and thats why you feel like the code is not working.

Look at the screen shot when I have changed the position of other section you can see your header is transparent and working fine.

You can get the same thing when you change your header from being fixed to sticky.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil