-
Posts
-
Hi I am using the Fullscreen slider to showcase a video on our home page, problem is that when I view it on a smart phone the video does not show, but instead the fallback image which is fine, the problem is the fallback image does not seem to be responsive. Is there an ideal size this fallback image should be? Thanks in advance for your time.
Hey!
Try adding this code to the Quick CSS:
.avia_mobile .avia-fullscreen-slider .avia-slideshow>ul>li{ background-size: contain !important; }Cheers!
JosueThanks, but that caused the image to repeat, I added a no repeat the the css which fixed it but there is a large gap above and below the fallback image now, when you turn a mobile landscape on its side, there is a bunch of space to the left and the right on the header image, how can we get them fallback image not have any gaps.
Can someone help please the fallback image looks bad on our homepage, we need to get either the correct dimensions show it shows correctly on mobile or CSS to fix the current image, thanks in advance.
Hey!
Thank you for the info.
You can swap or hide elements on desktop then show them on mobile screens vice versa. Please refer to this link: https://kriesi.at/support/topic/swap-easy-slider-image-for-mobile/#post-287609
Cheers!
IsmaelI understand the above message, but the fallback image does not look right on mobile devices, what dimensions should I be using for this image in order for it to look correct on mobile devices?
Hey!
Looks like adding a fall back image won’t help you in this case because the full screen slider will fetch the height of the actual screen. Please add another element (Image element, fullwidth slider etc) then use css media queries to show it on mobile and hide the slider. Please refer to the link above.
Cheers!
Ismael
- You must be logged in to reply to this topic.