Shopify themes, liquid, logos, and UX
Hi everyone,
I currently have a section which I don't want on the mobile view (and the same otherwise aswell). I know a little bit of coding, but I can't figure this out unfortunately. Could someone help me with this problem? I am currently using the debut theme. I hope the pictures will make my problem clearer.
Website: www.breakinglimits.nl
Thanks in regards!
Greetings,
Sander
Solved! Go to the solution
This is an accepted solution.
Please place this code at the end of theme.scss
@media only screen and (min-width: 750px) {
#shopify-section-1609769959906 {
display: none;
}
}
This is an accepted solution.
@media only screen and (max-width: 750px) {
#shopify-section-16073694680066065f {
display: none;
}
}
This is an accepted solution.
Please place this code at the end of theme.scss
@media only screen and (min-width: 750px) {
#shopify-section-1609769959906 {
display: none;
}
}
Hi @Hardik29418
It worked for desktop, thank you very much! However unfortunately it is still the same on mobile view. Could you please help me with the mobile view aswell?
Thank you in advance!
This is an accepted solution.
@media only screen and (max-width: 750px) {
#shopify-section-16073694680066065f {
display: none;
}
}
Thank you for update...
Hi, I have tried this but it is still appearing.
my store name is www.southspotofficial.com
I want to have it so I can show a certain section in desktop view and a certain section in mobile view.
@learner8 Which section do you want to show on desktop and hide on mobile view?
I currently only have a section that I want to appear on desktop only because I didn't want to double up the sections. But it is the top section (image with text overlay)
Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.
@media only screen and (min-width: 600px) {
#shopify-section-1623749843a85551de {
display: none;
}
}
I have changed some code. Please copy again.
@learner8 Let us connect via PM
I can't find theme.scss.liquid - is this because my theme is Craft? Could you please advise on how I could sort the same issue? I have a widget through Fera for reviews which looks alright on desktop but I want to stop it showing on mobile as the rest of the screen adapts to be smaller but the widget does not
Thank you
For future Shopify users that wants to hide the section in mobile, you do not need to find your section ID. Just follow along the tutorial below. No need to be a website guru. No APP and its totally FREE.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024