-
Posts
-
Enfold Full width Sliders and Ipad minis :(
On the ipad mini the full width slider images are at 100% and only the top left hand 10% of the image is visible.
For the life of me I cant work out how to ensure it resizes on the ipad.
already have heaps of things inside here…. but where is the size of the slider images set?
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
/* Your iPad specific rules here */.avia-full-stretch {
background-size: 100% !important;
}}
ipad view
vs the desktop view
Hi,
I would like to check the page but I got the following error. Please contact your hosting provider.
Your connection is not private
Attackers might be trying to steal your information from http://www.tls2017.bitnamiapp.com (for example, passwords, messages, or credit cards). NET::ERR_CERT_COMMON_NAME_INVALID
Automatically send some system information and page content to Google to help detect dangerous apps and sites. Privacy policyPlease note that the slider images are set as background and their background size property is set to “cover” which means that the image will cover the entire container and in order to keep its aspect ratio, parts of the images have to overflow outside the container. One solution is to set “Stretch image to fit the slideshow size?” settings to the second option but it will create a lot of white spaces around the slider container. Another workaround is to create a new slider that contains images that are specifically resized for tablet or iPad view. Make use of the Screen Options to toggle the elements’ display properties. Basically, you’ll have two sliders, one for desktop and another for mobile.
Best regards,
Ismaelok but how do I use the
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
/* Your iPad specific rules here */.avia-full-stretch {
background-size: 100% !important;
}}
to only resize the sliders? Sorry I dont understand
Hi,
Did you try our suggestions above?
// https://kriesi.at/support/topic/enfold-slider-images-on-ipad-mini/
One solution is to set “Stretch image to fit the slideshow size?” settings to the second option but it will create a lot of white spaces around the slider container. Another workaround is to create a new slider that contains images that are specifically resized for tablet or iPad view. Make use of the Screen Options to toggle the elements’ display properties. Basically, you’ll have two sliders, one for desktop and another for mobile.
Best regards,
Ismaelok yes I tried.
The stretch image makes white spaces and ruins design it is a deal breaker.
I changed the full screen sliders to full width with mild success as these seem to behave better on the ipad
thanks for all your help
I guess there is no easy way!
- You must be logged in to reply to this topic.