Issue with Fullwidth Slider on iPad

  • Hi there,

    I’ve been using Virtue and it’s great, but having an issue with the Homepage Slider (the Fullwidth Slider specifically).

    On desktop it shows up great, as it should do. On mobile, it looks fine as I’ve added different sized images on the Home Mobile Slider settings.

    And on iPad, when I had it in landscape mode it appears fine. But when I have the iPad in portrait mode, it cuts off the left and right side of the (Fullwidth Slider) image which is an issue as text gets cut off.

    So ideally I want to make the mobile slider appear when the iPad is in portrait mode, or do something where the Fullwidth Slider image shows the left hand side (instead of rendering it centrally so the left and ride side are cut off).

    Many thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello,

    Thank you for reaching out to us and apologies for the delay in getting back to you!

    I would suggest adjusting the slider max height to a smaller value so the texts on your images will not be cut off.

    Another thing you can do is to add this in Theme Options > Advanced Settings > Custom CSS to make the position of the images focus on the left where your texts are placed:

    .kt-flex-fullslide {
    background-position: left center;
}

    Lastly, to show the mobile home slider on the iPad screen width, you can add this custom CSS code:

    @media (max-width: 768px) {
    .kad-desktop-slider {
        display: none;
    }
}

@media (max-width: 768px) {
    .kad-mobile-slider {
        display: block;
    }
}

    Hope this helps and let us know if we can assist you further.

    Best Regards,
    Karla

    • This reply was modified 3 years, 3 months ago by karlalevelup.
Viewing 1 replies (of 1 total)
  • The topic ‘Issue with Fullwidth Slider on iPad’ is closed to new replies.