How can I adjust a custom section to full screen on mobile?

I have added a custom section which means I have a full-width video, (playing automatically without controls displaying) as my home screen banner. The only issue is that I would like it to be extended to the full screen on the mobile version of my site. Can anyone tell me how I would achieve this?

Hey @ciandastudio

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Thanks so much Moeed, that is perfect. Is there a way I can link the banner video to my “all products” page? My client would like to be able to click on the video and be redirected to this page.

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you want to link the video to your all products page then you need make some changes in your video code. You can share the code with me and I can see if I can help you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like

Thanks!
I have just discovered that my footer has been affected by the code above. Do you know how i can fix it?

Hey @ciandastudio

Try setting the height value to 550px instead of 35%, it should work then!

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like