Menu transparent on Homepage Theme Craft 15.2.0

Store Design
, ,

Topic summary

A user reports that the menu appears transparent on their homepage using the Craft 15.2.0 theme on scanditure.com.

Proposed Solutions:

Three community members offered CSS-based fixes:

  • Solution 1 & 2 (similar approaches): Add CSS code to the theme.liquid file before the </body> tag that targets the homepage template specifically and adjusts header/menu styling

  • Solution 3: Add CSS code to the base.css file targeting #menu-drawer with background: transparent

One responder requested clarification on whether the issue involves the menu drawer specifically.

Status: Multiple solutions provided but no confirmation yet from the original poster on which approach resolved the issue or if the problem persists.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Menu transparent on Homepage Theme Craft 15.2.0

1 Like
2

@GiudFabri123 Can you please share this page link?

3

www.scanditure.com

4

@GiudFabri123 add this code to the theme.liquid file, before tag

{% if template.name == "index" %}

{% endif %}
5

Hi @GiudFabri123

Do you mean menu drawer? like this?

Made4uoRibe_0-1740434358509.png
Made4uoRibe_0-1740434358509.png627Ă—546 124 KB

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 tag and paste the code below before the tag.
{% if template.name == 'index' %}

{% endif %}
  • And Save.

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

6

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