Olá lojista, tudo bem?
O nossa “banner tarja” padrão fica em apenas uma linha, seja ela no desktop ou no mobile, como pode ser visto em:
Caso queira quebrar ele em duas linhas apenas no mobile, pode ser feito a seguinte inserção em seu Editor de CSS:
@media(max-width: 575.98px) {
.info-bar__nav {
flex-wrap: wrap;
justify-content: space-around
}
.info-bar__nav .col-auto {
max-width: 50%;
padding-left: 0;
padding-right: 0;
}
.info-bar__title, .info-bar__text {
font-size: 12px !important;
}
}
E ficará da seguinte forma:
Ou sem deixar itálico os títulos:
@media(max-width: 575.98px) {
.info-bar__nav {
flex-wrap: wrap;
justify-content: space-around
}
.info-bar__nav .col-auto {
max-width: 50%;
padding-left: 0;
padding-right: 0;
}
.info-bar__title, .info-bar__text {
font-size: 12px !important;
font-style: unset !important;
}
}
Ficando assim: