Vertical Menus

Knowledgebase Docs » UberMenu 2 » Vertical Menus

Vertical Submenu Alignment 0

Default Alignment Out of the box, your submenus will be vertically centered to their parent menu items. That means there will be an equal amount of submenu above and below the top level menu item, without exceeding the bounds of the top end of the menu bar. This ensures that the parent item and submenu areas are adjacent, so that the submenu will be accessible on hover. If your submenus are not centering as described above, you likely have a javascript error that needs to be resolved. Lack of animated submenu reveal is also an indication. Align to the top of the menu bar If you want to align a submenu to the top of the menu bar, regardless of the position of its parent item, enable the Full Width Submenu option on the top level menu item. Make sure you only do this if your submenu is tall enough to reach the parent menu item in the menu bar, otherwise it will not be accessible. Align to top of parent item If you want to align the submenus to their parent items, rather than relative to the menu bar, add this CSS:


How to add a Vertical UberMenu in a Sidebar 2

Are you using UberMenu 3? Please check out the UberMenu 3: Vertical Menu in a Sidebar article. Adding a new menu in a sidebar If your theme already includes a sidebar menu with a registered theme location, you can use UberMenu as usual and simply activate that theme location. However, if you need to add a new menu where one previously did not exist in the sidebar, you’ll want to add a new text widget containing UberMenu via the Easy Integration shortcode. Enable UberMenu Easy Integration in the UberMenu Options Panel Activate “UberMenu” in Activate Uber Menu Locations and set your desired menu under “UberMenu” in Theme Locations in Appearance > Menus. Add a new Text Widget to the sidebar of your choice. Set the content of the Text Widget to: [uberMenu_easyIntegrate echo=”false”] How to place the menu in a RIGHT sidebar Please note that this FAQ is here to assist you as a reference guide, but it is considered a customization outside the realm of supported features. By default, UberMenu flys out to the right, so we’ll need to add some custom CSS to adjust that if we’re using it in a right sidebar. After completing the above steps, continue with these instructions for a menu in the right sidebar: Add this CSS to either your custom.css file or to a location where you store custom CSS Modify any other CSS you want, for example to remove or reverse the dropdown/flyout arrow indicators. You may want to adjust the submenu styles, for example: Customize the menu as usual. Reverse Arrows Here’s some code to help with reversing the arrow indicators