Menu formatting

This topic contains 7 replies, has 2 voices, and was last updated by  CTHthemes 3 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #15543

    platypidesigns
    Participant

    Supported

    Hi there,

    Can the submenu items be the same width at the top menu items?

    See image: menu.png.

    The submenu from the Fun and Adventure Experiences are quite narrow in comparison to the top navigation item “Fun and Adventure Experiences”.

    Thanks,
    Tanya

    Attachments:
    You must be logged in to view attached files.
    #15545

    platypidesigns
    Participant

    Supported

    Sorry I forgot to flag that I wanted to get emails when you answered.

    #15572

    CTHthemes
    Keymaster

    Hi, here is the code:

    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
         min-width: 200px;
         width: auto;
    }
    

    You can increase the min-width value.

    #15699

    platypidesigns
    Participant

    Supported

    Thanks for this.

    I like the min-width option. The width: auto doesn’t seem to work the way I expected it. The Fun and Adventure Experiences sub menu is still narrower than the top navigation item. Please see the screen shot attached.

    I increased the min-width but that changed the items under Development Programs which I didn’t want to change.

    Is there another code I can use to help get the submenu for Fun and Adventure be the same width at the top navigation title?

    Thanks,
    Tanya

    Attachments:
    You must be logged in to view attached files.
    #15724

    CTHthemes
    Keymaster

    Use this

    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
         min-width: 200px;
         max-width: 100%;
         width: 100%;
    }
    
    #16144

    platypidesigns
    Participant

    Supported

    Hi there,

    I’m not sure that worked either. The submenu for Fun and Adventure is still not the full width of the Fun and Adventure navigation item.

    Any other options?

    #16159

    CTHthemes
    Keymaster

    http://tractionteambuilding.com.au/

    #16160

    CTHthemes
    Keymaster

    There is also with: auto !important style for the submenu so you have to delete it: http://prntscr.com/gq6eqy

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.