How can I change the sub menu color on my phone's header to white?

Store Design
, , , ,
1

image.png
image.png293×400 129 KB

https://2cdlg2c6nf0v3yvj-82296930600.shopifypreview.com

help I want to change the color of the sub menu at the header of the phone to white

2

Hi,

For change the color on mobile, you can add the code bellow:

You can go to Admin → Online Store → Customize code → Access → base.css then add that code at the bottom off this file.

@media only screen and (max-width: 767px){
  .menu-drawer__menu-item--active, .menu-drawer__menu-item:focus, .menu-drawer__close- 
  button:focus, .menu-drawer__menu-item:hover, .menu-drawer__close-button:hover{
    color: #FFFFFF;
  }
}
3

didn’t work :disappointed_face:

4

you can add again that code in this file:

assets/component-menu-drawer.css

5

still…

6

Hello @the-gallery :waving_hand:

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.menu-drawer__menu-item:focus {
    color: white;
}

Hope it helps!

7

Hello @the-gallery

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.header-wrapper * {
    color: #000 !important;
}
8

Hi @the-gallery

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.header-wrapper * {
    color: #fff !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly