Reduce the gap of text and embedded video on small screen

We are embedding videos next two the Client description paragraphs and would like to align the videos with the sub-heading for each Client. For the first client, you will see that we did this by entering spaces to drop the videoframe; however, when we optimize this for mobile use, it shows as a big gap b/ the text paragraph and the video. Is there a way to do this without creating a gap? CSS coding perhaps to resize the paragraph in which the video is embedded?

Hi,

Please inject the CSS code below to optimize the view on mobile screens:

@media only screen and (max-width: 400px) {

 #text_8 > p:nth-child(5) {

margin-bottom: -120px !important;

}

}

Result:

Let us know if you need further assistance.

Best regards,

Hi, Billy_G,

Can you specify where I would inject the code?

Do I embed it in the question text?

Thanks.

Hi there,

Thanks for getting back!

Please inject the CSS code in the form designer. See screencast below:


Let me know if that works.

All the best!