Help Changing Font Navigation Color On Mobile View

Store Design
1

This is the first Shopify site I ever setup and I am running into an issue. The desktop navigation has white text and blue background and is showing correctly.

The mobile menu background is also white. So the white text is invisible. I can’t find an option to change the mobile text with my theme.

So I need help getting the mobile menu to be readable. The simplest way is to somehow changing the mobile navigation text color.

Here is the site with the problem: https://algagendirect.com

Thanks in advance.

2

Hi @TechNewbie ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find header.css file
  4. Add the following code at the end of header.css
header .menu-drawer__menu-item {
    color: #234c8f !important;
}

Result:

LuffyOnePiece_0-1712250556948.png
LuffyOnePiece_0-1712250556948.png373×699 10.3 KB

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece