Solved

Remove a single image with text overlay section from desktop only - Debut Theme

insideout_aus
Excursionist
35 0 4

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/

Accepted Solution (1)

Guleria
Shopify Partner
3086 605 863

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

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 2 (2)

Guleria
Shopify Partner
3086 605 863

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

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
insideout_aus
Excursionist
35 0 4

Thank you this worked perfectlty.