Hamburger menu icon out of place on mobile

Solved

Hamburger menu icon out of place on mobile

HempPapí
Tourist
8 0 4

Why is this happening on mobile? I did not change my code for my header. This is really annoying. The hamburger icon was always on the left for small windows and mobile. How do I fix this?

 
 

hamburger icon messing up.png

Accepted Solutions (2)
GemPages
Shopify Partner
5625 1262 1278

This is an accepted solution.

Hello @HempPapí ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1670300491468.png

 

2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.nav--mobile .menuToggle.header-hamburger {
 left: 0;
}
</style>

 

For example,

GemPages_1-1670300606223.png

 

If you require any further information, feel free to contact me.

 

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

GemPages
Shopify Partner
5625 1262 1278

This is an accepted solution.

Hello @HempPapí ,

 

It is possible. Let's try adding the below code before </head>

<style>
.nav--mobile .logo-wrapper {
  margin-left: 0 !important;
}
</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 7 (7)

ZestardTech
Shopify Partner
6095 1091 1463

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HempPapí
Tourist
8 0 4
GemPages
Shopify Partner
5625 1262 1278

This is an accepted solution.

Hello @HempPapí ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1670300491468.png

 

2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.nav--mobile .menuToggle.header-hamburger {
 left: 0;
}
</style>

 

For example,

GemPages_1-1670300606223.png

 

If you require any further information, feel free to contact me.

 

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
HempPapí
Tourist
8 0 4

Thank you for that. The only problem now is that the logo is not centered in the middle. Is there a fix for that too?

GemPages
Shopify Partner
5625 1262 1278

This is an accepted solution.

Hello @HempPapí ,

 

It is possible. Let's try adding the below code before </head>

<style>
.nav--mobile .logo-wrapper {
  margin-left: 0 !important;
}
</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
HempPapí
Tourist
8 0 4

Yep, that worked too! you are forever appreciated! Problem is solved 100%.

GemPages
Shopify Partner
5625 1262 1278

Hello @HempPapí ,

 

I do appreciate your compliment!

Your kind words have just made my day.

 

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