How to change nav menu color on mobile? (Theme Debut)

Solved
Highlighted
Tourist
6 0 0

Hi everyone!

My navigation bar is black backbround and white text, it's looks good on desktop.

微信截图_20201118190525.png

But the drop down of the menu still shows wthie background with gold text on the mobile version, also it has black lines between every collection.

I want to change it to black with white text on the mobile and remove the line.

微信截图_20201118191507.png

Any help please?

Thanks a lot!

0 Likes
Highlighted

Hello,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
6 0 0

Tnank you for reply!!

www.icyproudjewelry.com

Is this that you need? Sorry I don't know very well about Shopify

0 Likes
Highlighted

This is an accepted solution.

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

nav.mobile-nav-wrapper.medium-up--hide.js-menu--is-open {
    background-color: black;
}
li.mobile-nav__item.border-bottom {
    border-bottom: none;
}
a.mobile-nav__link {
    color: white;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Tourist
6 0 0

It's working now! Thank you for your help!

0 Likes