Main Slider too large on Mobile

  • Posted in : Lahanna
  • trc
    Participant

    Hi guys,

    Love your theme. Our site looks amazing.

    1. However on mobile, the main home page slider is too large, & we can’t scroll down, as it takes up the entire screen. Is there anyway to make this smaller? At least half the size in height?

    2. Similarly, on mobile the logo is centered, however it looks off the to left. Please help.

    http://www.rudecookbook.com

    Thanks!

    serkan
    Moderator

    Hi,
    Please go to dashboard > appearance > widgets > blog/page featured area > main slider > change width and ratio and save it.
    Appearance > customize > site identity > you can play with the settings. There is a right padding for the social media icons.
    Thanks

    trc
    Participant

    Hi Serkan,

    Thanks much, we were able to solve the 2nd issue with the logo.

    We’re still stuck on the 1st issue. With the solution proposed, we’re only able to change up the way the main slider appears on the desktop, not the mobile.

    On mobile, the main slider is still too big. And we’re unable to scroll down specifically when touching the main slider image. Funnily, we’re able to scroll down when touching other elements like the ‘left/right arrows’ on the main slider.

    Help please!
    Thanks

    serkan
    Moderator

    Hi,
    I will forward this issue to our developer and I will keep you updated.
    Thanks

    ahmetsali
    Keymaster

    Hi, you may try this custom css code to fix the slider issue on the mobile devices;

    @media screen and (max-width: 1200px) {
        .slider-box.ratio-fs .post-wrap {
            min-height: 60vh !important;
        }
    }
    

    Cheers.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register