Manchmal ist es so dass die Breite eines Menu in Divi zu klein ist, dann gibts es diese hässlichen Zeilenumbrüche im Menu. Sowas will aber eigentlich niemand. Jetzt kann man anfangen mit der Schriftgrösse rumzuspielen oder versuchen die Namen zu verkürzen – aber auch das ist nicht unbedingt eine gute Lösung.

Heute möchte ich euch zeigen, wie ihr die Menubreite automatisch anpassen könnt und zwar mit einem CSS Code

Video

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14

/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}