Shopify themes, liquid, logos, and UX
Hello there,
I managed to make most of the element on landing page full width but I am not able to do the same to the collection (any collection actually not only the one featured on home page)
Could you please?
I would like all the collection to display the same as rest of the page and not be limited by more narrow container.
Additionally: Product carousel on home page could be full width also if possible!
many thanks,
Great. Looking forward to potential sollution!
Hey @lukasz666
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.container.mt-10.mt-lg-25 {
max-width: 100% !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello,
Brilliant. This worked and collections are now full width. Thank you,
Would you be able to help me with the product carousel on home page so its full width as well?
Hey @lukasz666
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
div#shopify-section-1537200465879 .container {
margin: 0;
max-width: 100% !important;
}
</style>
I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Brilliant thank you.
Very last small thing: while change worked great, there is this gap between products and 'explore our range' button. not sure how to deal with that!
Learn 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, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025