Eu gostaria de centralizar e colocar ícones nas categorias na versão mobile, igual está na versão desktop. Alguém poderia me ajudar?
Vê se assim fica bom pra você!
Aplicar em CSS
/* CENTRALIZAR MENU CENTRAL MOBILE E ADICIONAR ÍCONES */
@media only screen and (max-width: 767px) {
.menu-mobile-scroll.visible-phone {
max-width: 100% !important;
}
.menu-mobile-scroll.visible-phone .slick-track {
max-width: max-content;
}
.menu-mobile-scroll.visible-phone li:nth-child(1) {
background: url('https://cdn.awsli.com.br/2500/2500445/arquivos/bed.png');
background-repeat: no-repeat;
background-size: 20px;
padding-left: 25px;
}
.menu-mobile-scroll.visible-phone li:nth-child(2) {
background: url('https://cdn.awsli.com.br/2500/2500445/arquivos/coffee-table.png');
background-repeat: no-repeat;
background-size: 20px;
padding-left: 25px
}
.menu-mobile-scroll.visible-phone li:nth-child(3) {
background: url('https://cdn.awsli.com.br/2500/2500445/arquivos/towel.png');
background-repeat: no-repeat;
background-size: 20px;
padding-left: 25px
}
.menu-mobile-scroll.visible-phone li:nth-child(4) {
background: url('https://cdn.awsli.com.br/2500/2500445/arquivos/curtains.png');
background-repeat: no-repeat;
background-size: 20px;
padding-left: 25px
}
}
1 curtida
Ficou perfeito, obrigado!
1 curtida