The cart icon eventually overlaps the menu based on the resolution scaling until it hits the mobile switch. I’m not sure why. https://betterblends.com/ I tried these below and changed them from 50% to 100%, which DOES fix it, but it breaks the product pages and makes the sliders (Slick Slider) ful…

Hello, Online store > theme > edit code. Assets > open custom.css file. At the bottom copy and paste this code: .site-nav { display: flex; gap: 20px; align-items: center; justify-content: end; } .site-nav .site-nav__link { padding: 0; } Hope this helps,

I think that did it! Thank you so much!

Cart icon overlaps menu responsively - Debut Theme

Store Design

dannyelo July 18, 2023, 1:35pm 4

You are welcome!

Topic		Replies	Views
Cart icon is overlapping menu in Safari browser Store Design troubleshooting	7	97	May 24, 2024
Moving Menu Logo Beside Cart Logo For Mobile Only (Dawn Theme) Store Design menu , design , header , customizations , footer , shopify-themes	16	102	December 22, 2023
My navigation icon on mobile interferes with the cart icon when clicking Store Design optimization , css , third-party-theme , html , shopify-theme	14	154	May 4, 2024
Mobile header icons and cart Store Design design , customizations , css , shopify-themes , shopify-theme	4	90	September 11, 2025
How can I move my cart to the navbar on mobile and desktop? Store Design	9	227	August 23, 2021

Cart icon overlaps menu responsively - Debut Theme

Related topics