Avada è tra i temi per WordPress più utilizzatati e più venduti su ThemeForest; è dotato di moltissime opzioni che lo rendono estremamente versatile e personalizzabile. In alcune occasioni potrebbe sorgere la necessità nascondere l’icona del carrello dalla barra del menu in una pagina specifica, se lo stiamo utilizzando con la piattaforma integrata e-Commerce fornita dal plugin WooCommerce.

nascondere l'icona del carrello in una pagina specifica del tema Avada

Per rendere più semplice l’operazione, possiamo iniziare installando un plugin che renda disponibile per ogni pagina una sezione nella quale si possa inserire del codice CSS, a tal proposito potremo utilizzare il plugin WP Add Custom CSS.

Il codice seguente nasconde l’icona del carrello:

.fusion-main-menu .fusion-main-menu-cart>a {
   display: none;
}

L’icona rimane però visibile nei dispositivi mobili, per risolvere il problema andremo ad aggiungere:

.fusion-icon-shopping-cart:before{
    display: none;
}

Se lo desidera, si può nascondere dal menu l’icona per la ricerca veloce inserendo:

.fusion-main-menu .fusion-main-menu-search {
    display: none;
}