white space after iframe embed for mobile

  • Hi – my iframe embed as a lot of white space below in the responsive/mobile view. How can I remove the white space? The site uses the customify free version.

    Thank you for your help and advice.

    • This topic was modified 3 years, 7 months ago by Yui. Reason: redundant link(s) deleted

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

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

  • Hello @cheungra,

    The original height is 470px. You can try this CSS media query to reduce the height on smaller devices.

    
@media (max-width: 576px) {
 iframe.juxtapose {
     height: 370px; /* Original height is 470px. Adjust as needed. */
 }
}

    How to add custom CSS to WordPress.

    Let me know how that goes.

    Thanks!

    • This reply was modified 3 years, 7 months ago by mark l chaves. Reason: Fixed CSS comments error
    Thread Starter cheungra

    (@cheungra)

    Thank you! Yes – it worked – it significantly reduced the white space. However – there is still a lot of white space in between the two iframes – is that a padding issue? How can I reduce that?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘white space after iframe embed for mobile’ is closed to new replies.