How to change the frame width of video on home page?

Store Design
1

Dear Users,

I have embedded a video on Debut Live theme Home page using Custom content. For some reason the video is aligned in center and has plenty of space on either side. I want to stretch the video to full width. Please help.

Thanks,

2

Hello, @Faheem_Iqbal

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.

3

Hi @KetanKumar , It is fine now. Sharing below code with Shopify community. My only issue now with this is that link is not clickable on mobile view, but works fine in Desktop. In my mobile, I can right click and open href in new tab. But not on clicking it. May be you could alter below code to make it clickable on mobile?

Templates>index.liquid

{% section ‘index-hura-video’ %}

{{ content_for_index }}

Sections > index-hura-video.liquid (create new section and paste below code)

{% schema %}

{

“name”: “Section name”,

“settings”:

}

{% endschema %}

{% stylesheet %}

.section-hura-video{

width:100%;

}

.hurabg-video{

right: 0;

bottom: 0;

width: 100%;

height: auto;

}

{% endstylesheet %}

{% javascript %}

{% endjavascript %}