This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

White space below video on mobile

Open 11 replies premiumthemetheme-vantage
Chris Robbins
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Andrew Misplon Staff 11 years, 3 months ago

    Hi Chris

    Please try the following under Appearance > Custom CSS:

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

    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. Andrew Misplon Staff 11 years, 3 months ago

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

  4. Chris Robbins 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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. Chris Robbins 11 years, 3 months ago

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

  7. Andrew Misplon Staff 11 years, 3 months ago

    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. Chris Robbins 11 years, 3 months ago

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

  9. Andrew Misplon Staff 11 years, 3 months ago

    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. Chris Robbins 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread