Solved

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

ManKaveStore
Explorer
48 6 7

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

 

 

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

Accepted Solution (1)

ManKaveStore
Explorer
48 6 7

This is an accepted solution.

I figured it out - just added:

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

View solution in original post

Reply 1 (1)

ManKaveStore
Explorer
48 6 7

This is an accepted solution.

I figured it out - just added:

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