Un utente ha chiesto informazioni su Twenty Seventeen di Wordpress

Sottomenu a larghezza intera

Un utente ha chiesto 👇

Membri di WordPressers, potrei davvero usare un po ‘di aiuto:

Ho messo la barra di navigazione nella parte superiore della pagina.

Voglio che il sottomenu sia una barra a larghezza intera (simile al menu principale stesso) posta direttamente sotto il menu principale (invece delle “sottocaselle”).

Non credo di vedere la SEC. Ma forse è più di un semplice CSS?

Apprezziamo suggerimenti e trucchi.

Risteard

(@anevins)

Donatore WCLDN 2018 Supporto volontario

2 anni, 8 mesi fa

Posso aiutarti se visualizzi il sito web.

(@richardepl)

2 anni, 8 mesi fa

Grande! Naturalmente

Costante di primavera

(@anevins)

Donatore WCLDN 2018 Supporto volontario

2 anni, 8 mesi fa

Aggiungilo alla sezione “CSS aggiuntivo” del pannello:


@media screen and (min-width: 768px) {
    /* Containers */
    .main-navigation li,
    #masthead .wrap  {
        position: static;
    }

    /* Top-level links */
    .main-navigation ul > li a {
        position: relative;
    }

    /* Top-level items spacer to help predictable hover space */
    .main-navigation ul > li a::after {
        bottom: -100%;
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
    }

    /* Submenu pseudo element */
    .main-navigation ul li.menu-item-has-children.focus:before, 
    .main-navigation ul li.menu-item-has-children:hover:before, 
    .main-navigation ul li.menu-item-has-children.focus:after, 
    .main-navigation ul li.menu-item-has-children:hover:after, 
    .main-navigation ul li.page_item_has_children.focus:before, 
    .main-navigation ul li.page_item_has_children:hover:before, 
    .main-navigation ul li.page_item_has_children.focus:after, 
    .main-navigation ul li.page_item_has_children:hover:after {
        display: none;
    }

    /* Submenu position */
    .main-navigation ul li:hover > ul, 
    .main-navigation ul li.focus > ul {
        left: 0;
        width: 100%;
    }

    /* Dropdown items */
    .main-navigation ul li {
        float: left;
    }

    /* 2nd level Submenu position */
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 0;
        top: 100%;
    }

    /* Dropdown icons */
    .main-navigation ul ul .menu-item-has-children > a > .icon, 
    .main-navigation ul ul .page_item_has_children > a > .icon {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

(@richardepl)

2 anni, 8 mesi fa

Grazie mille, Andrew!

Odio fare di nuovo una domanda, ma c’è un modo per posizionare le voci del sottomenu direttamente sotto le voci del menu principale (quando scivolano)? Ho provato diverse combinazioni tutto il giorno ma senza successo: S.

Risteard

(@anevins)

Donatore WCLDN 2018 Supporto volontario

2 anni, 8 mesi fa

Non capisco cosa vuoi, puoi esprimerlo in un’immagine?

(@richardepl)

2 anni, 8 mesi fa

Allo stato attuale, le voci del sottomenu vanno completamente a sinistra e le voci del menu principale sono focalizzate, risultando in un goffo salto tra le due. Voglio che gli elementi del sottomenu si trovino direttamente sotto la barra, o almeno centrati sulla barra.

Seo il mio obiettivo.

Grazie in anticipo

R.

(@ lessonaq91)

2 anni, 3 mesi fa

Ciao Andrew ho lo stesso problema, puoi aiutarmi ??

Sto usando un modello da http://rt19-demo10.rtthemes.com/

e avrei un calo a tutta larghezza come https://www.intercompany.com/

grazie

(@anevins)

Donatore WCLDN 2018 Supporto volontario

2 anni, 3 mesi fa

@ lessonaq91, Se hai un tema del 2017, possiamo aiutarti a raggiungerlo. Altrimenti devi usare il supporto per il tuo tema.

(@halmasonberg)

1 anno, 10 mesi fa

Questo è vicino. Le voci del menu a discesa ora vengono visualizzate in orizzontale con il codice condiviso sopra, ma i sottomenu in quelle categorie vengono visualizzati in basso a sinistra e scompaiono quando provo a spostarvi il mouse. C’è un modo per farli apparire sotto le voci del menu a discesa?

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *