Menu icon Foundation
Very narrow dropdown menu

Hello,
I am new at foundation. Learning it from Tutplus on base of foundation 4. Have some troubles with navbar.

By default dropdown ul is very narrow and doesn't fit width of my menu. See screenshot.

I found it in Foundation docs:
http://foundation.zurb.com/docs/v/4.3.2/components/dropdown.html

    Available class options:

    tiny: Make the dropdown have a max-width of 200px
    small: Make the dropdown have a max-width of 300px
    medium: Make the dropdown have a max-width of 500px
    large: Make the dropdown have a max-width of 800px
    content: Add padding inside the dropdown for better-looking content

    I am trying this to enlarge dropdown menu width:

      But it doesn't make any difference.. What I am doing wrong? Thank you for answers.

      p.s.
      Image with screenshot is not uploading...

navbardropdownnarrow

Hello,
I am new at foundation. Learning it from Tutplus on base of foundation 4. Have some troubles with navbar.

By default dropdown ul is very narrow and doesn't fit width of my menu. See screenshot.

I found it in Foundation docs:
http://foundation.zurb.com/docs/v/4.3.2/components/dropdown.html

    Available class options:

    tiny: Make the dropdown have a max-width of 200px
    small: Make the dropdown have a max-width of 300px
    medium: Make the dropdown have a max-width of 500px
    large: Make the dropdown have a max-width of 800px
    content: Add padding inside the dropdown for better-looking content

    I am trying this to enlarge dropdown menu width:

      But it doesn't make any difference.. What I am doing wrong? Thank you for answers.

      p.s.
      Image with screenshot is not uploading...

ninjes over 5 years ago

Sorry, by some reason part of message was cuted.

I am trying this to enlarge dropdown menu width:

        <ul id="hover1" class="large f-dropdown" data-dropdown-content>

But dropdown is still very narrow.