Liquid, JavaScript, themes, sales channels
I've tried to use the Custom CCS box at a section to hide that particular section on mobile screens, by adding:
@media screen and (max-width: 600px) {
display: none;
}
Unfortunately, the section is still visible on mobile screens .
The section itself is a Custom Content section (one of the standard sections of the Impulse Theme) containing HTML to display 5 formatted links.
The purple links under the banner look OK on desktop.
But on smaller screens (mobile devices)
those purple links don't look good and the section should be hidden
What are we doing wrong, when using the section level CSS box with the code snippet above?
Note: if we're able to hide a section on mobile, the next step is to add another section that can be shown only on mobile devices, and will be optimised for smaller screens.
Hello, for this you need to specify the item selector inside the media query, i.e.
@media screen and (max-width: 600px) {
.class-name {
display: none;
}
}
User | RANK |
---|---|
37 | |
28 | |
13 | |
13 | |
9 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023