I want to change the size of my featured collection section. It’s don’t looks good with full page, how can I change the size? For the desktop only. Don’t want to change for phone.
Website: https://prettycious.com/
Topic summary
A user wants to adjust the width of their featured collection section on desktop, as it currently spans the full page width and doesn’t look good.
Solution Provided:
- Add custom CSS code to the theme.liquid file (before the closing tag)
- The CSS applies left and right margins to create spacing around the featured collection
- Margin pixel values can be adjusted based on specific requirements
Current Status:
- The original poster confirmed the solution worked for their store
- Another user reported the CSS code doesn’t work on their Dawn theme and their desktop site now looks problematic
The discussion remains open with an unresolved issue for the Dawn theme implementation.
2 Likes
Hello @memahmudhassan ,
I understand you are looking to provide margin on the left and right side of the Featured Collection section.
You can implement this change by applying below mentioned CSS code.
Please add the code at the bottom of the theme.liquid file before tag and save.
[Please feel free to change the margin px size as per the requirements.]
Output -: https://prnt.sc/OapGjot84jJJ
I hope the code helps you.
Please share if you have any queries.
Thank you.
1 Like
Thanks a lot Anshul! Your solution worked!
I cant get this to work in my store, does it work on the dawn theme? Right now my desktop website looks awful!