Hey!
I would love to hide the ‘video background’ section on the homepage to not be shown on mobile, and then the section right after, ‘image banner’ to show on mobile and not be show on desktop.
the sections are the top green hero image sections
if I can put the code in the sections, custom CSS
@Chantelrudden put this css on assets > styles-base.css
@media (max-width:899px) {
section#shopify-section-template–15941502894191__c7be75d0-ed7a-4c8f-a3a1-26f527fb00d1 {
display:none;
}
}
@media (min-width:900px) {
section#shopify-section-template–15941502894191__image_banner {
display:none;
}
}
Hi @Chantelrudden ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
off sitewide
July sale — 45% off at checkout, applied automatically. Valid for 60 minutes. One per customer.
Offer ends in