Solved

Mobile Navigation hamburger Menu Issue

Kathy518
Explorer
89 1 16

Hi,

I have an issue about the mobile design. Right now u can see the hamburger menu. When I clicked the specific product or page, I can't return to the previous directory. And the hamburger's menu is invisible. I attached the image of the effect. 

I would like to get some help. Thank you very much. https://phantomgogo.com/ 

 

截屏2023-03-23 下午5.12.07.png截屏2023-03-23 下午5.12.40.png截屏2023-03-23 下午5.29.38.png

Accepted Solution (1)

GemPages
Shopify Partner
5588 1261 1207

This is an accepted solution.

Hello @Kathy518 ,

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1679622890879.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1679622907349.png

<style>
.mobile-navigation-drawer .navigation__link {
    color: #000 !important;
}
</style>

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 4 (4)

GemPages
Shopify Partner
5588 1261 1207

This is an accepted solution.

Hello @Kathy518 ,

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1679622890879.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1679622907349.png

<style>
.mobile-navigation-drawer .navigation__link {
    color: #000 !important;
}
</style>

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Kathy518
Explorer
89 1 16

Thank you! It works.

GemPages
Shopify Partner
5588 1261 1207

I am so glad that my suggestion can help.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

Columbus_Themes
Shopify Partner
115 8 13

Because of this CSS rule Kathy,

a.navigation__link {

   color: #fff!important;

   transition: 0.4s;

}
 
It makes the font color white, mean while the background color is also white.

Check your CSS code. Good Luck
If you find my reply helpful, please hit Like and Mark as Solution.

Happy coding!