Drop Down Menu back ground and text Color

Store Design
1

Hi me again.

How do I change the colour of the dropdown menu background and text.

Can someone point me in the right direction please?

Web URL - https://25f61a-2.myshopify.com/

IMG_7140.jpg
IMG_7140.jpg1284Ă—1785 142 KB

2

Hi @L25HRY

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 989px) {
.menu-drawer__inner-container {
    background: blue;
}
.menu-drawer__inner-container * {
    color: red;
}
}

i hope it help.

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

3

Hi, this didn’t work. My drop menu is drop down, not drawer.

I’m not sure if I made it transparent a couple days ago?

4

Jakman_0-1693441623967.png
Jakman_0-1693441623967.png925Ă—330 62.8 KB

ul#HeaderMenu-MenuList-1 {
    background: burlywood !important;
}
ul#HeaderMenu-MenuList-1 li a {
    color: green !important;
}
5

Hi @L25HRY

This is David at SalesHunterThemes.

Thank you for your question.
You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.header__submenu {
    background: red!important;
}

.header__submenu .header__menu-item {
color: orange!important;
}
6

Hi @L25HRY

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:
#menu-drawer {background: #000 !important;}

Regards,

San