Slider size on Mobile

Home Forums Gravida Support Slider size on Mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #62063
    George
    Member
    • Topics: 8
    • Replies: 12
    • Total: 20
    Member since: February 9, 2017

    what coding would I use on theme to make slider smaller on mobile device. The slide descriptions do not show up.

    #62091
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    Member since: August 16, 2013

    Hi George,

    Kindly show us your website URL.

    Regards,
    Dave

    #62141
    George
    Member
    • Topics: 8
    • Replies: 12
    • Total: 20
    Member since: February 9, 2017
    #62209
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    Member since: August 16, 2013

    Hi George,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:


    @media
    (max-width: 767px) {
    .theme-default .nivo-controlNav{display: none;}
    .slider-main .nivo-caption{padding: 20px 0;}
    .slider-main .nivo-caption .slidedesc{display: block !important; margin: 0; padding: 0;}
    }

    Regards,
    Dave

    #62225
    George
    Member
    • Topics: 8
    • Replies: 12
    • Total: 20
    Member since: February 9, 2017

    Dave that fixes the size issue but now I have the description area overalapping the image is there a way to make that transparent?

    #62234
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    Member since: August 16, 2013

    Hi George,

    Replace this code with previous code:


    @media
    (max-width: 767px) {
    .theme-default .nivo-controlNav{display: none;}
    .slider-main .nivo-caption{padding: 20px 0;}
    .slider-main .nivo-caption .slidedesc{background: transparent; display: block !important; margin: 0; padding: 0;}
    }

    Regards,
    Dave

    #62299
    George
    Member
    • Topics: 8
    • Replies: 12
    • Total: 20
    Member since: February 9, 2017

    It looks like I have to change the slider images to make this work. Or maybe change the slider from Nivo to something else

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.