Remove border in dropdown

Store Design
, , , , ,
1

How do i remove the border from the transparent drop down menu?

I changed the background to transparent and the font color to white with this code at the bottom of the base.css file.

It worked, but has a weird little border

details[open]>.header__submenu {
  background-color:transparent; !important
  
}
.header-wrapper * {
    color: white !important;
}

Bildschirmfoto 2024-03-25 um 19.41.47.png
Bildschirmfoto 2024-03-25 um 19.41.47.png842Ă—582 39.2 KB

2

Hi,

Can you share your store URL to be able to help you please

3

Hello @SemereClothing ,

Please can you share Your Store URL,

Thanks!

4

@SemereClothing Please follow below steps to remove the border of the drop-down menu. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Search “base.css” file and replace the above mentioned code with below code.
details[open]>.header__submenu {
    background-color:transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.header-wrapper * {
    color: white !important;
}

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

1 Like
5

Hello @SemereClothing ,

Go to online store > themes > edit code > Find base.css file

Add to given code at the bottom of the base.css file

details[open] > .header__submenu {
  background-color: transparent !important;
  border: none !important;
}
.header-wrapper * {
  color: white !important;
}

Save changes

1 Like
6

Thanks! It worked, how do I changed it, so it will only be transparent on the home page?

7

Thanks! It worked, how do I changed it, so it will only be transparent on the homepage?