How to change color of drop down menu on full screen and mobile

Store Design
1

Hi, I am working with this website:

https://lady-louisiana.myshopify.com/?

I changed header background to black but as you can see the drop down menus are showing all white. How can I change the background of the drop down to white on desktop and mobile?

Thanks for your help.

1 Like
2

go to your theme.css and search for .sitenav–dropdown

then change background: to have black instead of what’s already there. Full code section below:

.site-nav__dropdown {
    display: none;
    position: absolute;
    padding: 11px 30px 11px 0;
    margin: 0;
    z-index: 7;
    text-align: left;
    border: 1px solid var(--color-border);
    background: #000;
    left: -1px;
    top: 41px;
}
1 Like
3

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
div#SiteNavLabel-home-decor {
background-color: #000;
}
div#SiteNavLabel-apparel {
background-color: #000;
}
div#SiteNavLabel-pets {
background-color: #000;
}
div#SiteNavLabel-our-company {
background-color: #000;
}

Screenshot :- https://image.prntscr.com/image/CnZUjFrvTzehCfL7vy-sUQ.png

1 Like