Cart icon overlaps menu responsively - Debut Theme

Store Design
, , , ,
1

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) full page.

@media only screen and (min-width: 1015px)
.medium-up--one-half {
    width: 100%;
}

@media only screen and (min-width: 750px)
.medium-up--one-half {
    width: 100%;
}
2

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,

3

I think that did it! Thank you so much!

4

You are welcome!