Shopify themes, liquid, logos, and UX
Hi I have a section on the home page that has only one big picture (one I paste below) how can I hide it completely in tdesktop and only leave it in mobile. thank you
Solved! Go to the solution
This is an accepted solution.
Hello @beaknhtn
You may try the following steps:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css
Step 3: Add code
@media (min-width: 767px){
#Banner-template--18448488431883__image_banner_Vm3g8D {
display:none !important;
}
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
Hello @beaknhtn
This is Amelia at PageFly - Shopify Advanced Page Builder app.
Could you please provide me with the URL so I can check it for you?
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
Hello @beaknhtn
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css
Step 3: Add code
@media (min-width: 767px){
#Banner-template--18448488431883__image_banner_Vm3g8D {
display:none;
}
}
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
Thank you, but it not working
This is an accepted solution.
Hello @beaknhtn
You may try the following steps:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css
Step 3: Add code
@media (min-width: 767px){
#Banner-template--18448488431883__image_banner_Vm3g8D {
display:none !important;
}
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025