Hello, I’m experiencing a strange issue when viewing my development site in Safari browser. What is happening is that the cart icon overlaps the menu items then resizing the browser, that is, when making the browser window smaller. This issue does not occur in Chrome. I’ve only checked Mac Safari …

Hello! I have managed to solve the error you mentioned as well as subtly improve the header design on PC devices. I hope you like the changes! You can add the following code to your base.css file: @media (min-width: 990px) { header.header.header--top-left.header--mobile-center.page-width.header…

Hello Spac-Es, Thank you so much for taking the time to do this! I really appreciate it. Also, I was wondering about where you have positioned the logo, it seems like it should be further to the left, no? (Aligned with the product image on the left, I mean). How do I move logo to the left?

Of course! Remove this line of code if you want to align the logo to the left instead of centering all the elements: justify-content: center; The code will look something like this: @media (min-width: 990px) { header.header.header--top-left.header--mobile-center.page-width.header--has-menu { …

Hello, I thank you again for your help! To clarify, I was wanting to align the logo and the menu to the pictures underneath. Here’s a screenshot that I hope makes sense. Thank you for fixing the cart overlap situation. I just think it may look better to align the the logo and menu to the page, no? T…

The code I provided should work flawlessly. I have double-checked it, and it looks perfect on my screen. I have also tested it on portable devices and haven’t encountered any issues. [1.PNG] If you have any further questions, please don’t hesitate to ask! Remember to mark my response as the solut…

Hello, your kindness and help is appreciated. The code that you had provided worked very well, except the header section didn’t align to the edges of the photos, it was not expanded as indicated in the photo I attached after you sent it. A friend off-site gave me some tweaks, and now it works flawle…

Cart icon is overlapping menu in Safari browser

Store Design

chriscaldwell11 May 23, 2024, 8:05am 4

Hello Deejah02,

Thank you for this helpful information, which I can certainly benefit from in the future. For now, it looks like Spac-Es code has fixed the issue. But I’m grateful for your kind assistance.

Topic		Replies	Views
How can I center my business logo in the menu items? Technical Q&A css , shopify-theme	3	77	November 7, 2024
Cart icon overlaps menu responsively - Debut Theme Store Design menu , design , css , shopify-themes , troubleshooting	3	38	July 18, 2023
Mobile header icons and cart Store Design design , customizations , css , shopify-themes , shopify-theme	4	87	September 11, 2025
Menu and cart alignment using Dawn theme Store Design troubleshooting	11	135	May 9, 2024
Why does my mobile header overlap and lack a basket icon? Store Design design , css	4	42	December 15, 2023

Cart icon is overlapping menu in Safari browser

Related topics