Embedded Blog post not responsive followup

Support
#1

Hello,

I had raised this issue a few months earlier and was informed this is a bug and already on the issue tracker. I was wondering when its expected to be fixed since I really tend to use this a lot.

#2

Hi Gary,
Thanks for reaching out.

The issues are already resolved for general embeds but seems that it not working with your embed ratio.
Can you please share the exact page URL where you are having this issue so we can diagnose the problem.

Thanks

#3

I have added URLs via secure note. Scaling issues happen both on desktop and mobile.

  1. There is a big empty space underneath the embed on desktop. This happens on every single embed. On mobile, the scaling is off.
  2. Sometimes, there is just a big image that shows which even hides the title itself. This happens only on some embeds though.

The URL I added shows both these issues.

#4

Hey Gary,

This is because our Responsive Embed applies to common aspect ratios only primarily to make videos from 3rd party sites responsive.

Your embeds are posts and they have varying aspect ratios so the best thing to do here is to apply our Responsive Embed only to videos. I’ll post an improvement request in our Issue Tracker so that this case will be queued to be fixed most probably in one of the succeeding releases.

image

For now, please install a child theme and add the following code in the child theme’s functions.php. If you’ll be using Vimeo or other video hosting sites, add them in the IF condition in the code. If you’re not a developer, you need to consult with one because though I’ve tested the workaround code and found it working, we do not provide support for custom codes.

function x_responsive_embed_class( $html, $url, $attr ) {
    if ( false !== strpos( $url, "://youtube.com") || false !== strpos( $url, "://youtu.be" ) ) {
        $html = '<div class="x-resp-embed">' . $html . '</div>';
    }
    return $html;
}

Hope that helps.

#6

Hi Christian,

Thank you adding my enhancement request to the tracker! Really appreciate that.

That workaround code is working well on desktop. Thank you for that as well. But it does not seem to be working for mobile? Any way to make that happen?

#7

Hi Gary,

Your site is loading perfectly in the mobile and the mentioned section is responsive too.
If you are trying to mean something else which we are seeing, please provide few more information like any screenshot marked with the issue, which device you are using to see and what Operating System installed in it.
It helps us diagnose the problem at your end.

Thanks

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.