Home>Support>White space below video on mobile

White space below video on mobile

By Chris Robbins, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I am trying to resolve the white space issue under the video on this page http://www.iweathernet.com/educational/lake-effect-snow-great-lakes. I have the video set to the default dimensions (4:3). The video responds well to the mobile device, but there is the extraneous white space. Any ideas?

Thanks!
Chris

URL: http://www.iweathernet.com/educational/lake-effect-snow-great-lakes

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Chris

    Please try the following under Appearance > Custom CSS:

    /* Video */
.wp-video[style] { height: auto !important; }
  2. 9 years, 10 months ago Chris Robbins

    Worked perfectly! Thank you so much for your responses and availability on this forum. I tried several themes before discovering Vantage, and I am so happy that I found it :)

    I have another question coming, so you’ll see a new thread from me in a few moments. Thanks again.

  3. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear that did the trick. Thanks for your support, glad to hear Vantage is working out.

  4. 9 years, 10 months ago Chris Robbins

    Andrew,

    I am also seeing excessive white space in between rows on my homepage http://www.iweathernet.com/ on my mobile device.

    Do you have any suggestions to resolve that?

  5. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Chris

    It looks like there are empty rows/columns in use. When viewed on mobile those get stacked vertically instead of horizontally like on desktop. This causes a doubling of space. Are you perhaps able to remove those?

  6. 9 years, 10 months ago Chris Robbins

    When I view with PageBuilder, there are no empty rows. Only the used rows are displayed.

  7. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Can you check this section:

    Significant Flooding Possible in the Wake of the Historic Lake-Effect Snow Event

    Is there not a thin column, 7.938% wide, then that content, followed by another thin column?

  8. 9 years, 10 months ago Chris Robbins

    oh yes, I do have a thin column there to help indent the content. Is a column causing additional rows vertically?

  9. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    On mobile the first column gets placed above the middle column and the third column gets placed below the middle column. Everything that was horizontal is then vertical. That’s unfortunately adding to spaces that already exist.

  10. 9 years, 10 months ago Chris Robbins

    Ok. I will eliminate them. I will indent content with CSS (the proper, non-lazy way to do it anyway haha).

    Thanks for your help
    Chris

  11. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    For sure. As you mentioned, you can use the ID’s available there to add padding to either side.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More