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

Store Design
1

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

1 Like
2

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;
}
3

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

1 Like
4

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;
}
5

Many thanks, that works :slightly_smiling_face:

1 Like
6

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.