Youtube video size in product description displayed on mobile

This topic has 5 replies, 3 voices, and was last updated 2 years, 4 months ago ago by Alessandro

  • Avatar: Alessandro
    Alessandro
    Participant
    July 26, 2022 at 15:56

    Hello, I already write about the YT video size issue on mobile.

    I found a code that should fix it, and it works well for desktop
    /* Iframe yt video product description*/
    @media only screen and (min-width: 992px) {
    #tab-description p iframe{
    min-width:1140px;
    }}

    anyway the same code for mobile doesn’t work as expected, any idea to fit it?

    I tried to use
    @media only screen and (max-width: 768px)
    @media only screen and (min-width: 480px)
    @media only screen and (min-width:320px)
    @media only screen and (min-width:321px) and (max-width:768px)

    tried to specify costum height and width, tried to write the code in Theme Custom CSS – Mobile (0-480px), but seems that nothign works.
    Anyway I see that, when you play the video, problem occurs only in AMP version.

    thanks in advance for the support

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Awais Ahmed
    Awais Ahmed
    Participant
    July 27, 2022 at 06:46

    Hello, @Alessandro,

    Actually, the issue on your site is because of that AMP plugin, when I checked your site on my mobile without AMP it is working fine, and when I checked your site on my mobile with AMP, it distorted and half of the content vanishes as well.

    And with Custom CSS this is not possible as I can see there are many other issues on your site as well in the mobile version with AMP, so I suggest you to please disable the AMP plugin from the Dashboard >> Plugins >> ALL Plugins and then check back to your site after clearing the browser cache.
    Also, check this article for a better reference: https://www.8theme.com/documentation/xstore/amp-plugin/

    Regards 8Themes Team.

    Avatar: Alessandro
    Alessandro
    Participant
    July 30, 2022 at 15:05

    Hello, thanks for the support. Can you kindly indicate me the differences for what I should look for in AMP and not AMP version after plugins deactivation?

    Also, what code should I use for fit the YT video in the product description? Because I’ve deactivated all plugins excluded Woocommerce, Woocommerce PayPal Payments, WP Barkley Visual Composer, XStorre AMP and XStore Core but the YT video is till out of the screen at the right.

    Thanks in advance for your time

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 31, 2022 at 09:05

    Hello,

    You may add next code to your Custom CSS of XStore AMP section

    iframe {
    max-width: 100%;
    }

    Seems that it is what you are looking for 🙂
    Also, we will add that code globally for the next plugin update!

    Regards

    Avatar: Alessandro
    Alessandro
    Participant
    August 2, 2022 at 10:14

    Hello and thanks as always for the support!

    adding that code there solve the problem.. thank you Rose 🙂

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Youtube video size in product description displayed on mobile’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.