Menu transparent on Homepage Theme Craft 15.2.0

[GiudFabri123]

Menu transparent on Homepage Theme Craft 15.2.0

[suyash1]

@GiudFabri123 Can you please share this page link?

[GiudFabri123]

www.scanditure.com

[suyash1]

@GiudFabri123 add this code to the theme.liquid file, before </body> tag

{% if template.name == "index" %}
<style>
@media screen and (min-width:750px)
{
.section-header{position: absolute; width: 100%;}
.header-wrapper{background: transparent;}
.header{background: transparent;}
}
</style>
{% endif %}

[Made4uo-Ribe]

Hi @GiudFabri123 

Do you mean menu drawer? like this?

If it is, try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

{% if template.name == 'index' %}
<style>
div#menu-drawer {
    background: transparent;
}
</style>
{% endif %}

• And Save.

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

[DaisyVo]

Hi @GiudFabri123 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

#menu-drawer {
    background: transparent;
}

Best,

Daisy