Centralizar categorias na versão mobile

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