Jump to content

Mobile version hamburger placement issue

Recommended Posts

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.1222521375_ScreenShot2021-11-18at10_44_14PM.thumb.png.78049355336ce1519c53a3a59bd9dde5.png

 

 

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.

IMG_78D36BEA66D9-1.thumb.jpeg.eb37d30e5dba2538bd9a511a1bc34ab3.jpeg

 

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!!

Edited by kiaha
Link to comment
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.1222521375_ScreenShot2021-11-18at10_44_14PM.thumb.png.78049355336ce1519c53a3a59bd9dde5.png

 

 

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.

IMG_78D36BEA66D9-1.thumb.jpeg.eb37d30e5dba2538bd9a511a1bc34ab3.jpeg

 

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?

256176987_641486267006608_4887820534166955016_n.thumb.jpg.625b4464c2c39dd5b967e51ea9ff6817.jpg

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
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?

256176987_641486267006608_4887820534166955016_n.thumb.jpg.625b4464c2c39dd5b967e51ea9ff6817.jpg

 

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

🤔

Edited by kiaha
Link to comment
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.1222521375_ScreenShot2021-11-18at10_44_14PM.thumb.png.78049355336ce1519c53a3a59bd9dde5.png

 

 

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.

IMG_78D36BEA66D9-1.thumb.jpeg.eb37d30e5dba2538bd9a511a1bc34ab3.jpeg

 

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;
}

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.