Defined percentage width top level menu items

  • Resolved fibdes

    (@fibdes)


    8 years, 2 months ago

    Hi,
    Thanks for your plugin – I am in the process of testing it and really happy with what I have seen so far. In the mean time I wonder is it possible to fix the width of the top level menu items, i.e. is it possible to have, for example, 5 menu items each of which take up 20% of the width, thereby distributing them all evenly across the menu bar?
    I am talking about the top level menu items, not those within the mega menu itself (that I know you can ‘columnise’).
    The site I am upgrading from an old static one to a new WP / Genesis one (and so want to somewhat reproduce a similar menu) is here –
    http://www.sleepnaked.hk/.
    Thanks in advance loads for your help 🙂

    https://wordpress.org/plugins/megamenu/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    8 years, 2 months ago

    Hi Fibdes,

    I will get you started on this, but you might run into some issues if you do it depending on how your sub menus are setup (if you have any). I’m afraid you’re on your own with any issues that might arise from making this change (this is why it’s not a feature of the plugin!)

    In the Custom Styling area of the menu theme, add:

    @include desktop {
    #{$wrap} #{$menu} > li.mega-menu-item {
        width: 20%;
    }
}

    Regards,
    Tom

    Thread Starter fibdes

    (@fibdes)

    8 years, 2 months ago

    Appreciate your instant feedback Tom, and appreciate that it isn’t very easy to support… I will post back here to let you know how I get on 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Defined percentage width top level menu items’ is closed to new replies.