Embeds do not work on mobiles

  • I hope I am wrong, but it seems that the output of an embed ( text and sometimes the image) gets truncated on mobiles.
    ** Is there any way around this.
    ** Surely WordPress can alter how the embed works so it can at least be viewed on a mobile in landscape orientation.
    ** Can WordPress make them narrower?

    Mostly I have just pasted into one post, the URL of another post on my site (not a hyperlink), e.g.
    https://bze.org.au/electric-vehicles-report/

    I have also tried the embed shortcode, e.g.
    [embed]https://bze.org.au/electric-vehicles-report/[/embed]

    These embeds are so easy to use and look fantastic on a wide screen or a tablet – but on a mobile it they are truncated:
    . A little on the right of the screen, when viewed in landscape
    . Massively, when viewed in portrait

    I have experimented on page
    https://bze.org.au/test-page-andrew-2/

    I saw this truncation on a mobile. I have also tested it on my wide screen. I can drag the viewing window, so that it progressively becomes narrower. I can see how the view changes. The experiment shows:

    A text paragraph progressively moves words to the next line, so that it can still be read as the window narrows.

    The embeds do not change the number of words in a line to squeeze into a narrowing screen, unlike a paragraph of text.

    The insert plugin shortcode works well giving the post title and excerpt – but no image.

    <iframes> seems to not work at all with a source with URL from my iste, e.g.
    <iframe src=”https://bze.org.au/electric-vehicles-report/&#8221; width=”250″ height=”390″></iframe>

    I hope you can help

    Latest WordPress
    Theme Avada

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

  • The issue is with your theme, not WordPress.

    The fix is relatively easy, you just need to add this CSS:

    iframe.wp-embedded-content {
    max-width: 100%;
}

    This can go in Additional CSS in the Customiser.

    I was having same issue to the find a way bigger issue – that WordPress has cut the one page template just after I had input all my info.

    This is couple days after I had to restart site because was using zerif lite theme and that doesn’t display properly because of WordPress violations
    ??
    Can someone suggest a theme that will not be done away with for violations so I can stop wasting my time inputting stuff then save and publish and see it’s not working !!!

    So frustrating

    Thread Starter persist9

    (@persist9)

    Thanks Jacob, Your CSS code should give a wider output, good.

    The other iframes difficulty is that iframes is not recognising the URL I entered.
    The URL is an address of a post on my web site.
    The page it shows is my home page, not the post that I entered
    see https://bze.org.au/test-page-andrew-2/

    Is there any way around this.

    It seems that [embed] is simply not responsive.
    It is a shame that it is not built a little narrower.

    Thread Starter persist9

    (@persist9)

    Jacob, I tried your above css code and it seems to work. thanks a million.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Embeds do not work on mobiles’ is closed to new replies.