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
  • September 9, 2020 at 8:04 pm #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

    September 10, 2020 at 12:01 pm #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

    September 21, 2020 at 6:55 pm #162993
    Andrew Combes
    Participant
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: July 12, 2020

    http://www.lovemillroad.org.uk

    September 22, 2020 at 11:23 am #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

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