Solved

How can I widen the entire home page in Dawn Theme?

cdgerard
Shopify Partner
43 2 3

Hi, 

How can I widen the entire home page in Dawn Theme?

Basically to narrow the gap by about half.

Thanks!

 

homegrab-1.png

Accepted Solution (1)

Vinsinfo
Shopify Partner
318 116 114

This is an accepted solution.

@cdgerard Please follow the below steps to widen the home page. Let me know whether it is helpful for you.

 
1. Go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "theme.liquid" file and paste the below code to the <body> tag like in the below mentioned screenshot.

 

page-type={{ template }}

 

Vinsinfo_0-1713254141859.png
4. Search "base.css" file and paste below code at the bottom of the file.

 

[page-type="index"] .page-width , [page-type="index"] .page-width-desktop {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}
@media screen and (max-width: 989px) {
    [page-type="index"] .multicolumn .page-width {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

 

 
Result will be like,
Vinsinfo_1-1713254430826.png

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

Hi @cdgerard 

Could you share your store URL so I can provide the solution?

Best Regards,

Dan from Ryviu

- Helpful? Like and Accept solution to let me know or Buy me 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.

cdgerard
Shopify Partner
43 2 3

Vinsinfo
Shopify Partner
318 116 114

This is an accepted solution.

@cdgerard Please follow the below steps to widen the home page. Let me know whether it is helpful for you.

 
1. Go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "theme.liquid" file and paste the below code to the <body> tag like in the below mentioned screenshot.

 

page-type={{ template }}

 

Vinsinfo_0-1713254141859.png
4. Search "base.css" file and paste below code at the bottom of the file.

 

[page-type="index"] .page-width , [page-type="index"] .page-width-desktop {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}
@media screen and (max-width: 989px) {
    [page-type="index"] .multicolumn .page-width {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

 

 
Result will be like,
Vinsinfo_1-1713254430826.png

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
cdgerard
Shopify Partner
43 2 3

Works perfect. Thank you!