skt slider with all themes

Home Forums All Other Themes skt slider with all themes

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #116600
    jadranka.smiljic
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 10, 2018

    Slider with all themes that I used are not mobile friendly or responsive .. there is no text or the text is to large …

    https://ma-alenka.si/

    #116806
    jadranka.smiljic
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 10, 2018

    hellloooo can anybody help me? 🙂

    #116827
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22375
    • Total: 22375
    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:479px) {
    .slider-main .nivo-caption { top:35% !important;}
    .slider-main .nivo-caption .title { font-size:16px !important;}
    .slider-main .nivo-caption .slidedesc { display:block !important; padding-top:10px !important;}
    }

    Regards,
    Chris

    #116829
    jadranka.smiljic
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 10, 2018

    thank you very musch .. tekst is now fine but picture is not responsive ?

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

    Hi,

    Remove

    @media screen and (max-width:479px) {
    .slider-main .nivo-caption { top:35% !important;}
    .slider-main .nivo-caption .title { font-size:16px !important;}
    .slider-main .nivo-caption .slidedesc { display:block !important; padding-top:10px !important;}
    }

    And add this new css there

    @media screen and (max-width:479px) {
    .slider-main .nivo-caption { top:16% !important;}
    .slider-main .nivo-caption .title { font-size:16px !important;}
    .slider-main .nivo-caption .slidedesc { display:block !important; padding-top:10px !important;}
    .nivoSlider img { max-width: 240% !important; width: 240% !important; margin-left: -13%; margin-top: -24%;}
    }

    Regards,
    Chris

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