Mobile version hamburger placement issue

Site URL: https://www.dotdot-shop.com/shop

Hello,

I was just checking on the (almost) finished website on mobile devices to make sure everything works fine, and figured that the hamburger is moved.

I checked on the inspection from chrome (green circled), and it looks okay from there.

But on actual device, my phone, it comes off. (red circled) 

I need this to align with the table of contents margin- just like the one on the top image.. or at least give enough space between the cart icon and the hamburger because it was pretty hard to click.

PW to the website is: dotdot-shop

It would be great to get some help since this is like I don't even know what the problem is... 

Thank you so much!!

4 hours ago, kiaha said:

Site URL: https://www.dotdot-shop.com/shop

Hello,

I was just checking on the (almost) finished website on mobile devices to make sure everything works fine, and figured that the hamburger is moved.

I checked on the inspection from chrome (green circled), and it looks okay from there.

 

 

But on actual device, my phone, it comes off. (red circled) 

I need this to align with the table of contents margin- just like the one on the top image.. or at least give enough space between the cart icon and the hamburger because it was pretty hard to click.

 

PW to the website is: dotdot-shop

It would be great to get some help since this is like I don't even know what the problem is... 

 

Thank you so much!!

Hi,

I try in my phone with 4 browser:

- Chrome

- Firefox

- Opera

- Edge

It seems fine at the moment. Have you solved it yet?

6 hours ago, bangank36 said:

Hi,

I try in my phone with 4 browser:

- Chrome

- Firefox

- Opera

- Edge

It seems fine at the moment. Have you solved it yet?

ohhhh okay, no it still appears the same on my iphone XS.

same for both chrome and safari-

just checked on my friend's iphone 6, same issue there as well

🤔

13 hours ago, kiaha said:

Hello,

I was just checking on the (almost) finished website on mobile devices to make sure everything works fine, and figured that the hamburger is moved.

I checked on the inspection from chrome (green circled), and it looks okay from there.

 

 

But on actual device, my phone, it comes off. (red circled) 

I need this to align with the table of contents margin- just like the one on the top image.. or at least give enough space between the cart icon and the hamburger because it was pretty hard to click.

 

PW to the website is: dotdot-shop

It would be great to get some help since this is like I don't even know what the problem is... 

 

Thank you so much!!

Hey, try to add next code in Custom CSS. Let me know if it's work for You.

.burger {
  padding: 0 !important;
}

3 hours ago, SquareRefresh said:

Hey, try to add next code in Custom CSS. Let me know if it's work for You.

.burger {
  padding: 0 !important;
}

 

Yay it worked! 😄

Thank you so much!

I am also facing the same issue, If you found any helpful guide please let me know, Thanks in Advance ❤️

3 minutes ago, elonmaski said:

I am also facing the same issue, If you found any helpful guide please let me know, Thanks in Advance ❤️

Kindly share your site with protected password for us to check it

33 minutes ago, kiaha said:

Yay it worked! 😄

Thank you so much!

You're welcome!😄