Navigation Menu Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Navigation Menu

Now Drag and Drop Navigation Menu widget

Select Menu

Trigger : Click / Hover

4 Predefined Hover Effect

Last No. of Menu Reverse Open

If your submenu extends beyond the right edge of the screen, you can manage this option. By using this option, you need to enter the number of the main menu from the last one you want to open in reverse order.

Mobile Menu

In Mobile Menu Start, You need to enter Screen Size when you want mobile menu.

Mobile Menu Open Direction and Width

We have Two Direction option. Open from Left or Right. Also, You can manage Width of Open Menu.

Navigation Menu Alignment

Navigation Menu Style Tab

Main Menu Style

In Main Menu Style, You can manage Padding, Margin, Typography and Sub menu offset.

Also, You can manage Color, Background, Border and Box Shadow for Normal, Hover and Active State of Navigation Menu.

Sub Menu Style

In Sub Menu Style, You can manage Padding, Margin and Typography.

Also, You can manage Color, Background, Border and Box Shadow for Normal, Hover and Active State of Navigation Sub Menu.

Sub Menu Box Style

In Sub Menu Box Style, You can manage Width and padding.

Also, You can manage Color, Background, Border and Box Shadow for Normal and Hover State of Navigation Sub Menu Box.

Menu Arrow Style

In Menu Arrow Style, You can manage Size of Arrow.

Also, You can manage Top and RIght Offset of Menu and Sub Menu.

Mobile Toggle Style

In Mobile Toggle Style, You can manage Width, Height and Line Height of Toggle.

Also, You can manage Color of Normal and Hover State of Toggle.

Mobile Menu Style

In Mobile Menu Style, You can manage Padding and Typography.

Also, You can manage Color  and Bottom Border Color for Normal, Hover and Active State of Navigation Menu.

Mobile Sub Menu Style

In Mobile Sub Menu Style, You can manage Padding and Typography.

Also, You can manage Color  and Bottom Border Color for Normal, Hover and Active State of Navigation Menu.

Mobile Menu Box Style

In Mobile Menu Box Style, You can manage Padding of Box.

Also, You can manage Background and Box Shadow for Normal and Hover State of Navigation Menu.

Mobile Menu Box Scroll Bar Style

Scrollbar Style

In Scrollbar, You can manage Background and Width of Scrollbar.

Thumb Style

In Thumb, You can manage Background, Border and Shadow of Thumb.

Track Style

In Track, You can manage Background, Border and Shadow of Track.