Hi. I add a fullscreen at the top of the homepage. When i use the pc view the display, that is okey. but when i use the mobile phone view the homepage. the fullscreen picture did not display, other elements such as button works well. What’s wrong with it? thanks a lot.
Hey jack000486,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.slideshow_align_caption {
vertical-align: top;
padding-top: 20px;
}
}
Best regards,
Rikard
I operate as above. But i could not see it on my phone. Could you please have a try?
Hi,
Thank you for the update.
Do you want the left part of the image or background to display? You can adjust the position of the background in the container. Try this css code.
@media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow > ul > li {
background-position: left center !important;
}
}
You may need to toggle or disable the Performance > File Compression settings.
Best regards,
Ismael
I have add the information you request. But i do not list the image on my phone. Please have a try.
Hi,
But i do not list the image on my phone.
What do you mean? Can you give us access to the site? Please post the login details in the private field.
Best regards,
Ismael
http://www.zataiot.com. When you open it on your phone, Could you see the slide picture? When i open it via my iphone, I could not see the homepage slide picture.