Solved

How can I make the video full width for mobile and desk top Debut Theme 16.2.1

rich831
Excursionist
21 0 8

Please could someone help me...

How can I make the video full width for mobile and desk top Debut Theme 16.2.1 https://clevershieldcoatings.co.uk/

Many thanks,

 

Richard

Accepted Solution (1)
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

div#shopify-section-1625057218b4acb9b4 .page-width {
    width: 109vw;
    margin-left: -50vw;
    left: 45%;
    position: relative;
    max-width: unset !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

div#shopify-section-1625057218b4acb9b4 .page-width {
width: 100vw;
margin-left: -50vw;
left: 50%;
position: relative;
max-width: unset !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
rich831
Excursionist
21 0 8

Many thanks for the code. I have entered it and it has changed the size but its still has a margin each side. Is it possible to get it full width? https://clevershieldcoatings.co.uk/

Kind regards,

 

Rich

 

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

div#shopify-section-1625057218b4acb9b4 .page-width {
    width: 109vw;
    margin-left: -50vw;
    left: 45%;
    position: relative;
    max-width: unset !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
rich831
Excursionist
21 0 8

Many thanks, that works 🙂

ZestardTech
Shopify Expert
5393 970 1291

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing