Hide Shopify Badge when in Mobile View / Put Cart in Menu Drawer

Store Design
,
1

Hello!

My website is: www.totalweeb.store

I added a shopify SSL certificate badge in the top right corner of my site, but when I go to see the mobile version because it is part of my icons (shopping cart/user icon) it just wraps onto the next line. I adjusted some margin settings to now it all appears on the same line but its still ugly.

I would like the shopify badge to disappear in mobile / smaller screens.

TotalWeeb_0-1713731235867.png
TotalWeeb_0-1713731235867.png307×159 17.2 KB

I would prefer to hide the shopify badge, so I can still display the cart in the top right when in mobile

2

I figured it out - just added:

@media screen and (max-width: 1025px) {
  .#ShopifyBadge {
    display: none;
  }
}