Hide image blocks on mobile only

Hide image blocks on mobile only

junglecatclub
Tourist
13 0 3

Hello, i have added some little image icons to our website footer but would like to hide them/some of them on mobile if possible as they sit stacked on mobile

 

does anyone know if this is possible with code? thank you! 

 

https://jungle-cat-club.myshopify.com/

Reply 1 (1)

topnewyork
Astronaut
1109 147 184

Hi @junglecatclub 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<style>
@media (max-width: 768px){
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    display: none !important;
}
}
</style>

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month