Archived topic
Max width navigation menu
5 replies · Started by Bernhard on June 23, 2022
Viewing posts 1–6 of 6
Hello,
I want to define a max width (or a manual line break) for each navigation menu item. In this case, the menu item "Vatikanische Museen" shall be shown on two rows.
Thank you
Hi Bernhard,
Give this CSS a try:
.main-navigation .main-nav ul> li a {
max-width: 130px;
line-height: 1.1em;
padding: 10px;
display: flex;
align-items: center;
}
.main-navigation .main-nav ul {
display: flex;
align-items: center;
justify-content: center;
}Hi Ying,
No success, I tried also to change the max-width to 100px.
Not seeing the code has been added to your site.
Can you try adding the code to the top of the style sheet?
Hi Ying,
now it works. Thank you :)
You are welcome :)
This archived topic is closed to new replies.
