Reduce the gap of text and embedded video on small screen

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

    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:

    1641522775_61d7a657d1f5f_

    Let us know if you need further assistance.

    Best regards,

  • Profile Image
    fastener_io
    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?

    Thanks.

    1641533663_61d7d0df9be0e_

  • Profile Image
    Jeric
    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:

    1641539797_61d7e8d5bda9b_ezgif.com-gif-m
    Let me know if that works.

    All the best!