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)
2 anni, 8 mesi fa
Posso aiutarti se visualizzi il sito web.
(@richardepl)
2 anni, 8 mesi fa
Grande! Naturalmente
(@anevins)
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)
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)
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