Reduce the gap of text and embedded video on small screen

  • Profile Image
    Asked on January 06, 2022 at 09:21 PM
    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?
  • Profile Image
    Answered on January 06, 2022 at 09:33 PM


    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;



    Let us know if you need further assistance.

    Best regards,

  • Profile Image
    Answered on January 07, 2022 at 12:34 AM

    Hi, Billy_G,

    Can you specify where I would inject the code?

    Do I embed it in the question text?



  • Profile Image
    Answered on January 07, 2022 at 02:17 AM

    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!