Shopify themes, liquid, logos, and UX
I have numerous image with text overlay sections on my home page, and I would like to remove one of those from desktop only. Is this possible?
https://insideoutvintage.com/
Solved! Go to the solution
This is an accepted solution.
Hello @insideout_aus ,
Yes it's possible with media query css.
You have to pick the dynamic 'id' of specific section and make it hidden with media query css.
e.g.
If I have to hide first section having button 'Shop NFL'
the my css will be
@media only screen and (min-width: 750px){
#shopify-section-1602743197801 {
display: none;
}
}
Here 'shopify-section-1602743197801' is a dynamic 'id' if you want to hide another section from desktop then just pick it 'id' and use it in above css.
And you have to paste this css in theme.scss.liquid under 'Assets' at them bottom without breaking existing css code.
Thanks
This is an accepted solution.
Hello @insideout_aus ,
Yes it's possible with media query css.
You have to pick the dynamic 'id' of specific section and make it hidden with media query css.
e.g.
If I have to hide first section having button 'Shop NFL'
the my css will be
@media only screen and (min-width: 750px){
#shopify-section-1602743197801 {
display: none;
}
}
Here 'shopify-section-1602743197801' is a dynamic 'id' if you want to hide another section from desktop then just pick it 'id' and use it in above css.
And you have to paste this css in theme.scss.liquid under 'Assets' at them bottom without breaking existing css code.
Thanks
Thank you this worked perfectlty.
User | RANK |
---|---|
212 | |
151 | |
69 | |
46 | |
40 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023