Shopify themes, liquid, logos, and UX
Hi there,
I have a before-after slider on my home page and it is massive. I would like to reduce the size of the whole container on desktop as it takes up most of the screen and is too big. Link here: https://www.whereswinnie.co.uk/
Anyone know how to reduce the overall size of the slider on desktop?
Thank you
Please add the following CSS code to your assets/theme.css bottom at the file.
#shopify-section-template--24415888703871__slideshow {
width: 95% !important;
margin: 0 auto !important;
}
Thanks!
I'm afraid this doesn't work. It is for the before-after slider, not the slideshow.
can you share share a screenshot of what you want then i can sent correct solution for you!
Thanks!
To make changes to the Prestige theme, you'll need to modify the theme's code. Here are some general guidelines to address your specific concerns:
Reducing the header size:
Allowing scrolling when the search bar is open:
Keeping the theme centered on larger screens:
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025