Un utente ha chiesto
Categoria: Twenty Twenty di WordPress
Domanda: Come disattivare il menu desktop esteso (tre punti)

Caro team di supporto,

Prima di tutto, voglio ringraziarti per aver sviluppato il tema Twenty Twenty. È pulito e veloce!

Sul mio sito web, ho installato il plugin WP Mobile Menu. In questo plugin, ho impostato il punto di interruzione a 767px. Quando lo schermo è più grande di 767px, voglio che il mio sito web mostri solo il menu orizzontale del desktop del tema. Quindi ho deselezionato il menu desktop esteso nella dashboard.

Tuttavia, il menu desktop esteso (tre punti) viene visualizzato quando la larghezza dello schermo è compresa tra 768 pixel e 1000 pixel. Come faccio a disattivare il menu desktop esteso (tre punti)?

Voglio solo sul mio sito:
0px – 767px: menu WP Mobile
768px e superiori: menu desktop orizzontale

Grazie in anticipo per il tuo tempo e la tua risposta.

Marco

La pagina per cui ho bisogno di aiuto: [log in to see the link]

  • (@ marco020)

    Caro team di supporto,

    Quando pensi che avrai tempo per aiutarmi?

    Grazie in anticipo per il tuo tempo e la tua risposta.

    Marco

    (@jarretc)

    Penso che quanto segue ti darà quello che stai cercando, aggiungilo a Aspetto-> Personalizza-> CSS aggiuntivo

    @media only screen and (min-width: 767px) and (max-width: 999px) {
        .header-inner {
            align-items: center;
            display: flex;
            justify-content: space-between;
        }
        .header-inner .mobile-nav-toggle {
            display: none;
        }
        .header-navigation-wrapper {
            align-items: center;
            display: flex;
        }
        .primary-menu-wrapper {
            display: block;
            width: 100%;
        }
        .header-titles-wrapper {
            max-width: 50%;
        }
        .header-titles-wrapper .header-titles {
            flex-wrap: wrap;
        }
    }

    (@ marco020)

    Grazie mille Jarret. La tua soluzione funziona perfettamente!

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *