Im heutigen Beitrag über DIVI möchte ich euch zeigen wie man ein Menu in 2 Teile trennen kann. Jetzt müsst ihr nicht mehr das ganze in 2 Spalten trennen und 2x Menu einbauen und einmal nur ein Menu machen für Mobile…
Ist doch immer wieder schön zu sehen, was man mit CSS und DIVI alles machen kann.
Video
Menu Modul
Gib dem Menu Modul diese CSS Klasse ≪cb-spezial-menu≫
CSS
Ersetz die xxx Zahl mit der Zahl die du gerne hättest.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | /*verwendet 100% des menu bereich*/
.cb-spezial-menu .et_pb_menu__menu,
.cb-spezial-menu .et_pb_menu__menu > nav,
.cb-spezial-menu .et_pb_menu__menu > nav > ul {
width: 100%;
}
/*nth-child is anzahl child nach links*/
.cb-spezial-menu .et_pb_menu__menu > nav > ul li:nth-child(xxx) {
margin-left: auto;
}
.cb-spezial-menu .et_pb_menu__wrap,
.cb-spezial-menu .et_pb_menu__wrap .et-menu.nav {
flex-wrap: nowrap !important;
} |
0 Kommentare