The font color on the mobile menu is black on every page expect for the homepage its perfect. Anyone can fix this?
Topic summary
Mobile menu font color appears black on all pages except the homepage; a fix was requested.
-
A contributor suggested editing the Shopify theme: navigate to Online Store > Theme > Edit code, open theme.liquid, and paste a custom code block before the closing tag to correct the mobile menu color. (theme.liquid is the main layout file for a Shopify theme.)
-
Images were shared to show the expected result; the code snippet itself is central but not included in the thread text.
-
After the first fix, the hamburger icon (the three lines used to open the menu) became invisible.
-
A revised code snippet was then provided to restore the hamburger icon while maintaining the correct menu color.
Outcome:
- The original poster confirmed the revised solution works perfectly.
- Issue resolved; no further actions or open questions.
Notes:
- Visual attachments (screenshots) and the inserted code were key to understanding and implementing the solution.
1 Like
- Here is the solution for you @ReviveShop
- Please follow these steps:
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before and press ‘Save’ to save it
-
Here is the result you will achieve:
-
Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
- Here is the result you will achieve @ReviveShop :
1 Like
Almost perfect! But you cant see 3 lines to open the menu anymore
1 Like
Please replace to this code @ReviveShop
1 Like
Perfect now! Thank you!
1 Like
Glad to help you. Have a good day @ReviveShop .
1 Like