Smaller Sliders for Mobile Theme?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Probably slider’s height was reduced, don’t know. But the problem is another one, I think. Customizr is designed to scale down slider’s caption font-size on small viewports. You’re overriding that behaviour with your own custom rules.
    So make these:

    .carousel-caption h1 {
font-weight: 500;
font-style: normal;
font-size: 28px;
line-height: 28px;
}
.carousel-caption h1 {
font-weight: 500;
font-style: normal;
font-size: 28px;
line-height: 28px;
}

    become something like this:

    @media only screen and (min-width:768px){
.carousel-caption h1 {
font-weight: 500;
font-style: normal;
font-size: 28px;
line-height: 28px;
}
.carousel-caption h1 {
font-weight: 500;
font-style: normal;
font-size: 28px;
line-height: 28px;
}
}

    In other words.. adapt your custom rules to different viewports, or at least let customizr do it for you ??

    Thread Starter ToGovern

    (@togovern)

    Excellent insight, thank you very much. I used the font customizer to reset these to default and that seems to have worked. May also try wrapping custom settings in @media.

    Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Smaller Sliders for Mobile Theme?’ is closed to new replies.

Tags