Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #829330

    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 (- (Purchase code hidden if logged out) : 1)
    {
    /* Your iPad specific rules here */

    .avia-full-stretch {
    background-size: 100% !important;
    }

    }

    #829331

    http://tls2017.bitnamiapp.com

    ipad view ipad view slider images zoomed

    vs the desktop view

    desktop view of same slider

    • This reply was modified 2 years ago by  washem.
    #830429

    Hello is anyone here?

    Yes I still need help?

    Are you trying to forget about this issue?

    #830868

    another day another lack of response?

    #830909

    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 policy

    Please 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,
    Ismael

    #831661
    This reply has been marked as private.
    #831687

    Hi,

    I have tried to access the credentials and they`re not working.

    Best regards,
    John Torvik

    #831693
    This reply has been marked as private.
    #831821

    ok but how do I use the

    @media only screen and (device-width: 768px) and (device-height: 1024px) and (- (Purchase code hidden if logged out) : 1)
    {
    /* Your iPad specific rules here */

    .avia-full-stretch {
    background-size: 100% !important;
    }

    }

    to only resize the sliders? Sorry I dont understand

    #832825

    Hi,

    Did you try our suggestions above?

    // https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -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,
    Ismael

    #832980

    ok 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!

    #833269

    Hi,

    Please create another slider then upload an image that is specifically resized for mobile or iPad view. Use the Screen Options settings to toggle the display of the elements.

    Best regards,
    Ismael

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.