Align menu to the right

  • Resolved NPLD

    (@npld)


    11 years, 2 months ago

    I need the menu to align to the right side of my header but if I follow the documentation as showed beneath, the items will be in reverse order on small screens as the mobile version of the menu, also is affected of the order. Any idears?

    Menu items are aligned to the left of the menu by default. To align a menu item to the right (e.g. for social icons), open the Mega Menu settings panel for the item in question and click the ‘General Settings’ tab on the left, then set ‘Menu Item Align’ to ‘Right’ and save. Note: Right aligned menu items will appear in reverse order on the right hand side of the menu, to cancel out this effect, reverse the order of the items in your menu.

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

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

    (@megamenu)

    11 years, 2 months ago

    Hi NPLD,

    Do you want to align the whole menu to the right, or just individual items?

    If it’s the whole menu, you shouldn’t use the Menu Item align option (that’s just there for individual items, like the social icons on http://www.maxmegamenu.com)

    Could you send a link to your site so I can get a better idea of what you want to do?

    Regards,
    Tom

    Thread Starter NPLD

    (@npld)

    11 years, 2 months ago

    Hello Tom,
    I want to align the whole menu to the right and have now found out that it can be done with the following CSS:

    div#mega-menu-wrap-primary-2 ul#mega-menu-primary-2 {
    text-align: right;
    }

    Thread Starter NPLD

    (@npld)

    11 years, 2 months ago

    Ok, after updating to the latest version the above css code doesn’t work anymore :/

    Plugin Author megamenu

    (@megamenu)

    11 years, 2 months ago

    Hi, the ID was removed from the end of the selectors (it was breaking WPML and PolyLang), please change the CSS to:

    div#mega-menu-wrap-primary ul#mega-menu-primary {
text-align: right;
}

    or, even better, add the CSS to the menu theme instead. In the CSS Editor box, add this just below where it says /*Custom CSS should be added here */

    text-align: right;

    Doing it that way means, in the (very) unlikely event that the selectors are changed in the future, your CSS will still work.

    Regards,
    Tom

    Thread Starter NPLD

    (@npld)

    11 years, 2 months ago

    Ok, I’ll put it to the menu theme instead – Thanks 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Align menu to the right’ is closed to new replies.