Full width on a custom page template

Solved
KetanKumar
Shopify Partner
20470 2116 7716

@ratsquad 

do you have like this?

KetanKumar_0-1623666311735.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
ratsquad
Tourist
8 0 8

I have it like the photo i attached, and i want it like the photo you attached.

thank you so much

Natztech
Shopify Partner
1337 371 908

hello @ratsquad 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.main-content.wrapper{
        max-width: 100%;
        padding: 0;
}
.site-header{
        padding: 5px 0 !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
KetanKumar
Shopify Partner
20470 2116 7716

@ratsquad 

thanks for confirm please add this code

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

#cursos-online-y-presenciales .main-content {max-width: 100%;padding: 0;}
#cursos-online-y-presenciales .site-header {padding-bottom: 0;}

 

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
BauceBrothers
Tourist
10 0 4

Hey could I have some help on this page please?

The header module with the starting with the text 'the craft hot sauce hot 100' should be full width and have no spacing with the edge.

Then the second black module underneath should be centered as it is - but the black should stretch to the end of the page?

Can anyone help me with this?



Screenshot 2021-06-19 at 19.30.18 (2).png

KetanKumar
Shopify Partner
20470 2116 7716

@BauceBrothers 

do you need full width?

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
BauceBrothers
Tourist
10 0 4

yeah I would like the page to be full width, but when i apply styling it makes all the sections full width

0 Likes
KetanKumar
Shopify Partner
20470 2116 7716

@BauceBrothers 

do you have any particular page issue so please sent page url? 

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
scrolldesigner
Tourist
7 0 7

I am having this same issue and would like to understand how to fix it. This code didn't work for my theme.css file.

Theme is Enve

My page is https://bree-western-aesthetics.myshopify.com/pages/consultations

 

KetanKumar
Shopify Partner
20470 2116 7716

@scrolldesigner 

sorry for that issue

but your store is password protect can you please share us

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