Solved

Header Menu not visible on Mobile

CarlosSoto94
New Member
9 0 0

Hello! 

I am reaching out to see if there is anyway you could help me. For some reason I am unable to see the header menu on mobile for my shopify page. I am using the "Fashe" theme. If I were to add a "hamburger menu button" style or any that would be amazing! 

 

Also wanted to ask if you know how I could resize the Home page slider as it is cropped on mobile?
 
My page is https://premierepeople.shop/

I appreciate your help and attention. Let me know what you think! 
 

 

Thank you, 
Carlos
 
mobile-capture.PNG

Accepted Solution (1)

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hello @CarlosSoto94 

I would like to give you a solution.


The reason is the hamburger menu button is black. Hence, not see in the black background header.

 

You can add code to fix by following these steps:

1. Go to Online Store -> Theme -> Edit code 

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
header .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
  background-color: #fff !important;
}
header .item-topbar-mobile{
  background-color:#1990c6;
}
</style>

 

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 1203

This is an accepted solution.

Hello @CarlosSoto94 

I would like to give you a solution.


The reason is the hamburger menu button is black. Hence, not see in the black background header.

 

You can add code to fix by following these steps:

1. Go to Online Store -> Theme -> Edit code 

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
header .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
  background-color: #fff !important;
}
header .item-topbar-mobile{
  background-color:#1990c6;
}
</style>

 

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
CarlosSoto94
New Member
9 0 0

You were right! Hamburger menu was black and I could not see it. Changing color to white worked. Thanks a lot for the help!

GemPages
Shopify Partner
5588 1261 1203

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

GemPages
Shopify Partner
5588 1261 1203

Hello @CarlosSoto94 ,

 

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

GemPages_0-1679966626726.png

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

GemPages_1-1679966643707.png

<style>
.btn-show-menu-mobile.hamburger .hamburger-inner {
    background: #fff !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