Change the background and text color of dropdown and megamenu

Store Design
, , , ,
1

Hello Everyone!

I am using Shopify Impulse 7.1.0 theme. I want to change the background color and text color of dropdown and megamenu. I want to keep the megamenu background color white and text color black. Please help me. Thanks in advance.

Store Url: https://urbanglowingstore.myshopify.com/

Pasword: Admin

Megamenu
Megamenu1894×441 55.1 KB

Dropdown
Dropdown1889×309 28.6 KB

3

I don’t want to change the background color of the footer. I want to change the background color of the megamenu and dropdown menu in the header section. I also want to change the text color of the megamenu and dropdown menu. Changing the color from the theme settings changes the background color of the whole website. I only want to change the background color of the megamenu and dropdown menu. I want to keep the background color of the megamenu and dropdown menu black. And I want to keep the text color white.

4

add below css into theme css
.site-nav__dropdown a {
background-color: #000;
background-color: white;
color: black;
}
.megamenu.grid {
background-color: white;
}

image
image2742×742 123 KB

5

image
image2850×410 37.8 KB

6

Hi @dreamtechzone_5

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > theme.css and paste this at the bottow of the file:

.site-nav__dropdown a {
background-color: #000;
background-color: white;
color: black;
}
.megamenu.grid {
background-color: white;
}
.site-nav__dropdown.megamenu.text-left {
    background: #fff;
}
7

Wow, great. It worked. I see a black line under the dropdown menu. I want to remove it. Thanks.

Dropdown
Dropdown1885×668 67 KB

8

Hi @dreamtechzone_5

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > theme.css and paste this at the bottow of the file:

.site-nav__dropdown.text-left {
    background: #fff;
}
9

Thank you so much. It worked. You are great.

10

Hi @dreamtechzone_5

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful, please like all posts.

Best regards,
Devcoder :laptop: