Shopify themes, liquid, logos, and UX
Hello I need help Resizing the mobile view of my slideshow banner I tried searching for theme.scss but couldn't find it this is my store Buffytafford.com
web preview https://gm6slfzsdrq9ci7o-58583973951.shopifypreview.com
thanks
Solved! Go to the solution
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag
<style>
@media screen and (max-width: 749px) {
div#Slider-template--15789192380479__slideshow_hLzmKi {
height: 225px;
}
}
</style>
Result:
But I think you need to change the image on the mobile.
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Hi, @Stableconnectio
What's your requement? How do you want to resize?
Hello my friend im just trying to make the mobile banner bigger its too small right now.
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag
<style>
@media screen and (max-width: 749px) {
div#Slider-template--15789192380479__slideshow_hLzmKi {
height: 225px;
}
}
</style>
Result:
But I think you need to change the image on the mobile.
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
What dimensions would you suggest for mobile banner to look that size?
I suggest using the size of 828 * 450 on the mobile device.
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