How Can We Help You?

Inline Menu

How To Use An Inline Menu Widget Of UBE Addons

Inline Menu allows you to display the navigation menu of your site at any place of your website you want. It comes with ready layouts to make your navigation menu stand out and user-friendly. This will come handy to improve your user experience on your website. Let’s check out the step by step guidelines below to configure and style Inline Menu.

Using Inline Menu:

You can see the below video to get an insight into how you can use the Inline Menu Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.

How to Create Menu

First, make sure that you have already created a Menu to use on Inline Menu. If not, then you can simply go to your WordPress Dashboard wp-admin -> Appearance -> Menus.

You can add and drag & drop any items to create a Menu & save it for further use.

How to Activate Inline Menu

To use this UBE Addons element, find the Inline Menu‘ element from the Search option under the ELEMENTS tab. Simply just Drag & Drop the Inline Menu into the Drag widget here‘ or the ‘+’ section.

How to Configure Content Settings

Under the ‘Content’ tab, you will find the Inline Menu sections.

Menu Content

Menu Select a pre-created menu
Events Mode Mouse action to open submenu
Dropdown Direction Choose opening direction of the dropdown submenu
Hover Style Choose styles when hovering on the menu item
Align Select the menu alignment style
Menu Scheme Choose menu color according to the available colors of bootstrap

How to Style Inline Menu

Switch to the ‘Style’ tab to style all the elements of Inline Menu.


‘Menu’ section lets you add Background Color for menu wrapper; Background Type, Text Color, Typography to normal and hover mode; Padding, Margin to the item of menu.

Sub Menu

‘Sub Menu’ section lets you add Width, Background Type, Box Shadow, Padding, Margin for dropdown submenu;  Typography, Padding;  Background Type, Text Color to normal, hover and active mode to the item of submenu.

Final Outcome

By following these mentioned steps and a bit more modifying & styling, you can easily design your Inline Menu as per your preference.

By using UBE Inline Menu, this is how you can easily put the spotlight on your significant contents & make them appealing to your visitors.

Getting stuck? Feel to Contact Our Support for further assistance.