Hey so I’ve started making another store, and I wish to remove the cat gif from the main page but only for the desktop version is there a way to do it? I’m using dawn theme.
My store: vanhesky.co
this is the gif I want to remove
Topic summary
Issue: Hide a homepage GIF on desktop only (keep it on mobile) in the Shopify Dawn theme.
Key steps and updates:
- Initial CSS provided used a max-width: 749px media query, which hid the GIF on mobile instead of desktop.
- Correction provided: switch to a min-width: 750px media query targeting the GIF’s section ID in base.css and set display: none; This hides the section on desktop screens while keeping it visible on mobile.
Technical note:
- The solution relies on a CSS media query (min-width: 750px) applied in base.css to the specific section’s ID.
- The exact selector targeted the section containing the GIF.
Outcome:
- After applying the corrected media query, the requestor confirmed it worked.
Status: Resolved. No further action needed.
Attachments: A screenshot of the GIF was shared but not essential to implementing the fix.
Add this code at the bottom of your base.css file.
@media screen and (max-width: 749px) {
#shopify-section-template--15322982940719__1661027168203185af {
display: none;
}
}
That removed it on the mobile version, I want to remove it on the desktop ahah
That removed it on the mobile version, I want to remove it on the desktop ahah
Sorry, replace the code with this one.
@media screen and (min-width: 750px) {
#shopify-section-template--15322982940719__1661027168203185af {
display: none;
}
}
Fantastic, Thank you 
@Vanbesky ,
You’re welcome.