Archived topic
Menu wraps to a new line unexpectedly
3 replies · Started by Theo on December 17, 2020
Hello,
My menu wraps to a new line unexpectedly and I haven't got a clue why. It looks like the navigation container is to small, but I can't find a width or something like that when inspecting the elements. I've tried different menu locations and menu options, but the problem stays.
Below a screenshot of what I mean:
Am I overlooking something? I'm using the latest version of GP and GP pro.
Regards,
Theo
Hi there,
in your bruiloftdienst-public-input-checkbox.css style sheet you have this CSS:
ul {
margin: 12px;
padding: 0;
list-style: none;
width: 100%;
max-width: 320px;
}
ul li {
margin: 16px 0;
position: relative;
}The max-width: 320px; is affecting the navs list.
I would suggest you make that CSS more specific for example: #page ul and #page ul li which would apply to just lists within the page content.
Wow David, thanks! I overlooked that one... And you're completely right, I have to make it more specific.
Cheers,
Theo
You're welcome
