[Resolved] Menu wraps to a new line unexpectedly

[Theo]

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

[David]

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.

[Theo]

Wow David, thanks! I overlooked that one… And you’re completely right, I have to make it more specific.

Cheers,

Theo

[David]

You’re welcome

[Author]

Posts