Return to previous page

Youtube video size in product description displayed on mobile

This topic has 5 replies, 3 voices, and was last updated 2 years, 3 months ago ago by 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.

#330503 Copied Theme version: 8.2.4

4 Answers

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.

#330518 Copied

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

#330726 Copied
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
#330746 Copied
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 🙂

#330887 Copied
Tagged: mobile, size, templates, video, woocommerce, wordpress, youtube
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

Youtube video size in product description displayed on mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection