I need help in fixing my customized menu bar for DESTOP version

Store Design
,

Topic summary

A user is seeking help to customize their desktop website’s menu bar appearance. They want to:

Initial Request:

  • Fix the menu bar styling to match a reference website (constructionlayers.com)
  • Remove shadows that appear when clicking menu buttons

Progress Made:

  • Another user provided CSS code to add to the base.css file
  • The solution successfully removed the box shadows using box-shadow: unset and position: unset properties

Outstanding Issue:

  • The user now wants to remove the solid background color from the menu
  • Goal is to make the entire menu background transparent
  • Screenshots were shared showing the current state and desired outcome

Status: Partially resolved - shadow issue fixed, but transparency request remains open and awaiting response.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Could anyone help me fix my menu bar on my website? Your help will be very much appreciated! :slightly_smiling_face:

This is what it looks like right now:

Screen Shot 2024-01-27 at 1.31.46 AM.png
Screen Shot 2024-01-27 at 1.31.46 AM.png654×476 29.1 KB

And this is what I like it to be:

Screen Shot 2024-01-27 at 1.32.53 AM.png
Screen Shot 2024-01-27 at 1.32.53 AM.png672×618 37.9 KB

Additionally, I would like to remove the shadows from the box when I click the menu buttons.

www.constructionlayers.com

PW: CollectionThree

2

Hello @clayinfo

Please paste the given CSS in base.css file at the bottom and Save.

.header__submenu.list-menu--disclosure{
  position: unset;
  box-shadow: unset;
}

OUTPUT:

Sweet_Savior_3_0-1706381740450.png
Sweet_Savior_3_0-1706381740450.png1083×864 33.2 KB

Thanks

3

Thank you so much! It worked.

One more thing, aside from the shadows, could you help me remove the solid color? I want everything to be transparent.

Screen Shot 2024-01-29 at 1.27.53 AM.png
Screen Shot 2024-01-29 at 1.27.53 AM.png404×454 25.1 KB