Make shopify theme full width

Solved
chanteleo
Excursionist
16 0 9

 

Shopify theme seems to not be full width as the contents don't fit the screen. 

Website: aerobell.co.uk/

save3.pngsae1.png

 

 

save.png

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24923 2498 9040

This is an accepted solution.

@chanteleo 

thanks for confirm, yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-list .page-width, .featured-collection .page-width {
    max-width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 9 (9)
premadestores
Explorer
39 2 1

hello there, The theme  you are using has default section .. you can change that  .. but you can change theme style. if you still need help you can contact us anytime 

If you Want to modify or Customize your theme ,
Hire us | We can help you & guide you how to reach to your potential customers & how to increase brand presence, engagements and sales for your business
Email us: info@premadedropshippingstores.com or check premadedropshippingstores.com
KetanKumar
Shopify Partner
24923 2498 9040

@chanteleo 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.page-width {max-width: 100%;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chanteleo
Excursionist
16 0 9

Still not working there is gaps.

chanteleo
Excursionist
16 0 9

Where is the default section?

KetanKumar
Shopify Partner
24923 2498 9040

@chanteleo 

yes please show after added code new screenshot!

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chanteleo
Excursionist
16 0 9

It still looks like the screenshots above. No change was made. Sorry 

KetanKumar
Shopify Partner
24923 2498 9040

@chanteleo 

do you have like this section?

KetanKumar_0-1636291408705.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chanteleo
Excursionist
16 0 9

Yes, that's what l want! I don't want the gaps on the collection as well. 

KetanKumar
Shopify Partner
24923 2498 9040

This is an accepted solution.

@chanteleo 

thanks for confirm, yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-list .page-width, .featured-collection .page-width {
    max-width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post