[Resolved] Menu wraps to a new line unexpectedly

Home Forums Support [Resolved] Menu wraps to a new line unexpectedly

Home Forums Support Menu wraps to a new line unexpectedly

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1584325
    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:
    Screenshot

    Am I overlooking something? I’m using the latest version of GP and GP pro.

    Regards,

    Theo

    #1584542
    David
    Staff
    Customer Support

    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.

    #1584553
    Theo

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

    Cheers,

    Theo

    #1584558
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.