Tagged: fallback, image, ismael, mobile, unresponsive
-
AuthorPosts
-
April 2, 2017 at 8:00 am #770524
I have a fullscreen slider on my homepage with videos. Each clip has a fallback image for mobile. testing on mobile shows zoomed in super, super far and is very pixelated. link to image below:
Please help!
April 2, 2017 at 6:38 pm #770696Hey natemoss!
Can you link for us here the image you are using as a fall back please?
Thank youBest regards,
BasilisApril 2, 2017 at 6:44 pm #770701So there’s 4 slides total the links below are for each slide:
Slide 1: http://lifteatrepeat.co/wp-content/uploads/2017/04/lift-eat-repeat-intro-mobile-fallback.png
Slide 2: http://lifteatrepeat.co/wp-content/uploads/2017/04/lift-eat-repeat-lpp-mobile-fallback.png
Slide 3: http://lifteatrepeat.co/wp-content/uploads/2017/04/lift-eat-repeat-music-mobile-fallback.png
Slide 4: http://lifteatrepeat.co/wp-content/uploads/2017/04/lift-eat-repeat-the-kitchen-cover-photo.pngApril 5, 2017 at 7:45 am #772272Hi,
Please use larger images for the fallback images. The size of the images should be around 1136x640px. This size is based on the physical resolution of iPhones with retina display so you can resize it until you find the best fit. Also, please note that the slider use the image as background and the background size property is set to “cover”.
// https://www.w3schools.com/cssref/css3_pr_background-size.asp
Best regards,
IsmaelApril 21, 2017 at 4:34 am #780956Hey I apologize for the late reply. So I changed the first mobile fall back image to one with the correct dimensions (640×1136) but it is still zooming in really far so it just appears white. Any way I can keep it from zooming in so far?
April 21, 2017 at 7:54 am #781017Hey!
Please add this code in the Quick CSS field.
.avia-fullscreen-slider .avia-slideshow > ul > .av-mobile-fallback-image { background-size: 100% 100% !important; }
This might distort the image a bit.
Cheers!
IsmaelApril 23, 2017 at 4:18 am #781868Tried it, didn’t do anything :(
April 24, 2017 at 5:52 am #782148Hey!
Please make sure that you’re not looking on a cached version of the site. Post the FTP details here so that we can check it thoroughly.
Regards,
IsmaelApril 26, 2017 at 5:09 am #783220Okay I’m exactly sure what you mean by the FTP details. Sorry, new to this
April 26, 2017 at 6:18 am #783245Hi,
Getting ftp details depends on what host you are using for example Godaddy has this instructions: https://ph.godaddy.com/help/find-your-ftp-loginusername-4881
Basically we need access to your site’s files. If you are unsure how to get the ftp details, can you let us know where you are hosted? godaddy, hostgator, etc. :)Best regards,
NikkoApril 28, 2017 at 12:49 am #784262I use NameCheap’s hosting
April 28, 2017 at 5:53 am #784289Hi,
Try checking out this link: https://www.namecheap.com/support/knowledgebase/article.aspx/9523/205/how-to-create-an-ftp-account
Best regards,
NikkoMay 1, 2017 at 1:24 am #785439Okay here is my login info
May 1, 2017 at 6:32 am #785512Hi,
You need to share the host link to connect us to your FTP.
Best regards,
John TorvikMay 3, 2017 at 10:44 pm #787455Where do I find that?
May 4, 2017 at 11:11 am #787704Hi natemoss,
Best regards,
VictoriaMay 6, 2017 at 5:25 am #788703Is this it?
May 7, 2017 at 8:35 pm #789171Hi,
Yes that is the link
Now we also need access to thatBest regards,
BasilisMay 7, 2017 at 8:41 pm #789175Okay here is my Cpanel login info:
May 8, 2017 at 5:38 am #789317Hi,
This link should help you providing the credentials: https://documentation.cpanel.net/display/ALD/FTP+Accounts
Best regards,
John TorvikMay 13, 2017 at 4:51 am #792597It says you can use the Cpanel credentials to log into FTP which I gave above and I made an account. I don’t know what else you need from me
May 14, 2017 at 2:59 pm #792947Hi natemoss,
I tested today. I saw the “eat” part and then the video loaded. It looked fine on an iPhone. It might not load very smoothly, because you’re requesting videos over https and you website is on http, so some requests get blocked.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.