End of Support for Joomla 3 - Forum closed

Video / Image not shown on mobile device

LabeL3
Offline Topic Author
Fresh Boarder
Posts: 16
Thank you received: 0

Video / Image not shown on mobile device was created by LabeL3

Posted 9 years 4 weeks ago #10250

Hello community,

I am experimenting with this template and it seems that the neither the video nor an image is shown on top in the mobile version of the template. There is just a grey background. This is not only in my version but also in the demo.

I am using Chrome for Android.

Regards,

Patrick

by LabeL3

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8807
Thank you received: 1732

Replied by joomlaplates on topic Video / Image not shown on mobile device

Posted 9 years 4 weeks ago #10257

Live Url please

Dokumentation:
www.joomlaplates.de/dokumentation.html

by joomlaplates

Please Log in or Create an account to join the conversation.

LabeL3
Offline Topic Author
Fresh Boarder
Posts: 16
Thank you received: 0

Replied by LabeL3 on topic Video / Image not shown on mobile device

Posted 9 years 4 weeks ago #10260

label3new.label-3.com/

At the moment I'm just using a background image.

by LabeL3

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8807
Thank you received: 1732

Replied by joomlaplates on topic Video / Image not shown on mobile device

Posted 9 years 3 weeks ago #10285

Hi there, please add this code to your css/custom.css

@media (max-width: 368px) {
html body {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;

-webkit-background-size: auto auto;
-moz-background-size: auto auto;
-o-background-size: auto auto;
background-size: auto auto;
}
}

PS: Mobile device do not support background images, that should be clear, because they will not be shown on small screens.

Dokumentation:
www.joomlaplates.de/dokumentation.html

by joomlaplates

Please Log in or Create an account to join the conversation.