I need help -- Debutify - Custom New Page full width

ThiagoMorato
Tourist
4 0 2

Hello guys

I create a custom page with html sections

The problem is: The custom page is not in full widthimagem 1.png

 

This is Custom page code:

{% section 'custom-html' %}
{% section 'featured-product2' %}
{% section 'custom-html2' %}

 Preview link: https://sb3c71y0mlbdz54h-40019230878.shopifypreview.com/pages/test

KetanKumar
Shopify Partner
14496 1670 5205

Hello, @ThiagoMorato 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
14496 1670 5205

@ThiagoMorato 

Thanks for URL.

sorrym but his page is not live can you please live this page

image.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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ThiagoMorato
Tourist
4 0 2
0 Likes
KetanKumar
Shopify Partner
14496 1670 5205

@ThiagoMorato 

Thanks 

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

#test .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

if you have change page title so please just update code
current page title is "text" so do you have change page title code then code

#hereyourpagetitle .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jschullin1
Tourist
3 0 2

Dear KetanKumar,

 

Thank you so much for your answer.
I have followed your steps here, but I don´t know what you mean with this part - What is the page title? Do you mean the name of the page.liquid? or the URL? 

#hereyourpagetitle .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;

 Really appreciate your advice.

- Johannes

 

KetanKumar
Shopify Partner
14496 1670 5205

@jschullin1 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jschullin1
Tourist
3 0 2

Dear @KetanKumar ,

Thanks for the quick reply!

The URL is https://www.doriadojola.com/pages/wearable-art

This part of the website is under construction. But as you can see, the homepage of the website features full screen sliders, images and texts. 

When making custom pages, It seems like there is only 50% of the space available, as the Video section on the URL I sent you is set to be full screen, but clearly isnt.

I really appreciated you sharing the solution to the code here, however I cannot make it work.


Kind Regards,
Johannes

KetanKumar
Shopify Partner
14496 1670 5205

@jschullin1 

Thanks for all details 

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

#wearable-art main.main-content .wrapper {
    max-width: 100%;
    padding: 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing