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
Topic summary
Need to enlarge the slideshow banner on mobile; the requester couldn’t find theme.scss in their Shopify theme. After a brief clarification, the goal is to make the mobile banner appear larger.
Proposed approach:
- Edit theme.liquid (Online Store → Theme → Edit code) and insert custom code before the tag to affect mobile styling.
- Consider changing/replacing the mobile image to better fit the desired size.
- A screenshot of the expected result was shared, but the actual code snippet content is not visible in the conversation, so the exact CSS/JS used is unclear.
Follow‑up guidance:
- Recommended mobile banner image dimensions: 828 × 450 px to achieve a larger appearance on mobile.
Outcome/status:
- Concrete recommendation provided for image dimensions (828×450) and where to add custom code (theme.liquid before ), plus a suggestion to swap the mobile image.
- No confirmation from the requester that the solution worked; the absence of the code details leaves implementation specifics unresolved. The discussion appears open/ongoing.
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.
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 tag
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!
1 Like
What dimensions would you suggest for mobile banner to look that size?
I suggest using the size of 828 * 450 on the mobile device.
1 Like