Please Help! Need to change color of hamburger and drop down menu mobile collection page

Highlighted
Tourist
6 0 1

Hi! 

 

How would I change the drop down menu and shopping cart on the mobile page to white?

 

https://citytownlove.com/collections/texas

I need to get it fixed asap!

 

Thank you so much in advance.

1 Like
Highlighted
Shopify Partner
4465 670 1396

@WJMT24 Welcome to the Shopify community!

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shop-by-location .site-nav--has-dropdown:hover>a, .site-nav--has-dropdown>a.nav-focus, .site-nav--has-dropdown.nav-hover>a, #texas .site-nav--has-dropdown:hover>a, .site-nav--has-dropdown>a.nav-focus, .site-nav--has-dropdown.nav-hover>a {
    color: #fff;
}
.site-nav--has-dropdown:hover>a, .site-nav--has-dropdown>a.nav-focus, .site-nav--has-dropdown.nav-hover>a {
background-color: #ff0000;
}
.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown, .site-nav--has-dropdown.nav-hover .site-nav__dropdown, .nav-focus+.site-nav__dropdown {
background-color: #ff0000;
}
.site-nav__dropdown a, .site-nav__grandchild-dropdown a {
color: #fff;
}
.burger-icon {
background: #ff0000;
}
.site-nav--mobile .icon {
color: #ff0000;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

Hi, 


It did not work. I appreciate your help but when I added the code it changed the mobile shopping cart and drop down menu on the page red. It also changed the mobile shopping cart on the homepage to red. 

 

I just want to change the mobile icon and drop down menu to white here: https://citytownlove.com/collections/texas

 

I appreciate your help so much!

0 Likes
Highlighted
Tourist
6 0 1

Hi,


I also tried substituting white #FFFFFF and it worked for the page I mentioned.

 

But it also made the drop-down menu and shopping cart disappear on all other pages. 

 

I realize I need to change it for mobile on every page in the collection as they all have a dark header. https://citytownlove.com/collections/texas

 

Many thanks! 

 

 

0 Likes
Highlighted
Tourist
6 0 1

I apologize, it's just this single page: https://citytownlove.com/pages/shop-by-location

 

and then every page that contains: https://citytownlove.com/collections/texas

 

On mobile only, the cart and menu bars are not visible. They need to be white. 

I'm hoping more Shopify pros spot this and know how to fix it. Many thanks!

0 Likes