Center second level in dropdown list?

  • Resolved thefitcpa

    (@thefitcpa)


    8 years, 10 months ago

    Hi,
    I know in the Mega Max plug in the settings are to right align or left align the sub level of a mega menu – is it possible to center the sub level?

    For example, on my page, when you hover over “Explore” I want the sub level ‘San Francisco’ to appear centered below Explore instead of off to the left – is this possible within the plugin?

    Thank you in advance for your help

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author megamenu

    (@megamenu)

    8 years, 10 months ago

    Hi thefitcpa,

    You’ll need this custom CSS to center the text within those sub menus:

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
   text-align: center;
}

    For anyone else reading this thread, there is also documentation here:

    https://www.megamenu.com/documentation/centering-menu-items/

    Alternatively, rather than use Mega Menus as the sub menu type, you could add your “San Francisco” menu item directly to the menu (as a sub menu item of “Explore”), then set the sub menu type of “Explore” to “Flyout Menu”. You’ll get a sub menu like you see under “Flyout” on the demo menu on megamenu.com.

    Regards,
    Tom

Viewing 1 replies (of 1 total)

The topic ‘Center second level in dropdown list?’ is closed to new replies.