Home Boss slider not responsive

[Onica]

Hi there,

created a slider for on the homepage. This slider isn’t responsive. and I can’t seem to change any of the css settings like text-align, font-size.

On a mobile device the buttons and text (partly) disappear. Also the font isn’t responsive.

If I work with a 3th party slider, the same thing happens.

Check oshare.nl on a mobile device or tablet

[Anve S.]

Hi @onica-nl,

Try adding following css in custom css option of child theme to make slider text responsive in mobile.

@media only screen and (min-width:640px) and (max-width:768px){
.home-page .bb-slider-container h4.title {
  font-size: 35px !important;
}
}
@media only screen and (min-width:481px) and (max-width:639px){
.home-page .bb-slider-container h4.title {
  font-size: 22px !important;
}
#main .bb-slider-container .description {
  font-size: 14px;
}
}
@media only screen and (max-width:480px){
.home-page .bb-slider-container p.description {
  line-height: 16px;
}
.home-page .bb-slider-container h4.title {
  font-size: 18px !important;
}
.home-page #main .bb-slider-container .readmore a {
  line-height: 15px;
}
}

Regards
Anve

[Onica]

Thanks, that worked like a charm

[Anve S.]

Great 🙂