skt slider with all themes

[jadranka.smiljicParticipantTopics: 1Replies: 2Total: 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/

[jadranka.smiljicParticipantTopics: 1Replies: 2Total: 3 Member since: April 10, 2018]

hellloooo can anybody help me? 🙂

[Forum ModeratorParticipantTopics: 0Replies: 21457Total: 21457 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

[jadranka.smiljicParticipantTopics: 1Replies: 2Total: 3 Member since: April 10, 2018]

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

[Forum ModeratorParticipantTopics: 0Replies: 21457Total: 21457 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

[Author]

Posts