Slider Button on SKT Charity Pro

Home Forums All Other Themes Slider Button on SKT Charity Pro

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #162286
    Andrew Combes
    Participant
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: July 12, 2020

    Hi

    I’m trying to get the Slider button to appear on mobile devices.

    Looking back through some posts I saw a suggest of this custom CSS:


    @media
    screen and (max-width:479px) {
    .nivo-caption { display:block !important;}
    .nivo-caption .sldbutton { display:block !important; margin:-40px auto 0 !important; left:50% !important; transform:translateX(-50%) !important; font-size:14px !important;}
    }

    This does work if I try making the window narrower on a PC – the slider button shows at all widths.

    However it does work on a phone.

    Any suggests would be really helpful!

    Thanks

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

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #162993
    Andrew Combes
    Participant
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: July 12, 2020
    #163060
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25285
    • Total: 25285
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    .slider-main .nivo-caption .slidebtn {
        margin-top: 10px;
        display: table !important;
        margin: 10px auto 0;
    }
    }

    Regards,
    Chris

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