.png){kind=logo}
Hide a Section on Mobile/Desktop View
Quick Tip: If you don't like how a section looks on a specific viewport (desktop/mobile), you can hide it and use a different section.
You can hide sections based on viewport via CSS.
Every section in Shopify has a setting that contains a Custom CSS field.
To hide a section on mobile:
@media(max-width:768px{
{display:none;}
}
To hide a section on Desktop & Tablet:
@media(min-width:768px{
{display:none;}
}
To hide section on Tablet Only:
@media(min-width: 768px) and (max-width: 1024px){
{display:none;}
}
Add those scripts appropriately and save.