Solved

Making the products listing to become full width - Dawn Theme

unite2024
Tourist
4 0 1

May I know how I could increase the entire products listing to become full-width? I am using Dawn theme. It seems like I couldn't customise it via the ready control on the sidebar, only coding I guess.

 

Screenshot 2024-03-19 at 9.32.49 AM.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

This is an accepted solution.

Hi @unite2024 

You can try to add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code and check 

<style>
.product-grid-container .collection {
max-width: 100%;
padding: 0;
}
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 9 (9)

aldy-expatify
Shopify Partner
54 5 10

Hi @unite2024 may I know your store url?

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

This is an accepted solution.

Hi @unite2024 

You can try to add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code and check 

<style>
.product-grid-container .collection {
max-width: 100%;
padding: 0;
}
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

unite2024
Tourist
4 0 1

Hi @Dan-From-Ryviu ,

 

Thank you so much, it worked 🙂

May I know how can I increase the padding for the following too:

1. Padding between products on the same row

2. Padding between products' columns

 

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

Could you share your store URL?

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

unite2024
Tourist
4 0 1
Dan-From-Ryviu
Shopify Partner
7549 1459 1455

You can change that setting from your Online Store > Themes > Customize > Theme settings > Layout Screenshot 2024-03-19 at 10.39.35.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

unite2024
Tourist
4 0 1

Wow, it worked too 🙂

Thank you very much for helping around.

Have a great day.

Dan-From-Ryviu
Shopify Partner
7549 1459 1455

You are very welcome 😊!

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Hardik29418
Shopify Partner
2913 419 1081

@unite2024  Please share website URL

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email