Padding/Margin YouTube-content for mobile

  • Resolved potop58

    (@potop58)


    4 years, 10 months ago

    Hi,
    the homepage of the site provided looks good on PC.
    However, there’s a huge padding/margin around the YouTube video on the mobile-version.

    Any suggestions to reduce it considerably?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • You have added lot of visual composer rows before youtube embed videos which is unnecessarily causing of adding margin-bottom on mobile. I would suggest you to creating the page again. Add one row and embed youtube video. Problem should be resolved.

    Thread Starter potop58

    (@potop58)

    Hi!
    Thanks a lot! It looks better now.

    However, the text has lost the nice responsive right and left padding it had. Now it’s set at 10%, but I would like it to be more (maybe 25%) for the PC version.

    Any ideas for that?

    Thread Starter potop58

    (@potop58)

    It looks like this:
    [vc_column_text css=”.vc_custom_1589567954967{padding-right: 10% !important;padding-bottom: 10% !important;padding-left: 10% !important;}

    How could I specify different right and left padding for PC?

    Since you are looking to keep in center. You can try making row with three columns and place text block in center column. That said, this can be easily done using default Gutenberg Block editor of WordPress.

    Thread Starter potop58

    (@potop58)

    Thanks again for your reply!

    Unfortunately, doing so means separating video and text from the same block, what again generates unwanted padding (between video and text).

    Thread Starter potop58

    (@potop58)

    Solved by myself.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Padding/Margin YouTube-content for mobile’ is closed to new replies.