Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

slinky vertical menu widget

How to use Slinky Vertical Menu widget by Element Pack

The Slinky Vertical Menu widget is a wonderful feature presented by BDthemes and it is a part of the Element Pack Pro. It helps you arrange the menu vertically with a slinky view.

Now, let’s learn how to use the Slinky Vertical Menu widget on your site.

Insert the widget

To work with the widget, you have to insert it on your page. To do that, type Slinky Vertical Menu in the search field, then just drag-drop the widget in the text area.

Customize menu layout from the Content tab

Using the content tab, you can customize the layout of the slinky vertical menu to make whatever you want.

Let’s customize the Layout

Go to Content> Layout

After inserting the widget, you will see a default view of the Slinky Vertical Menu in the Layout section under the Content tab. Notice that there is a Dynamic Menu switcher on top and then some menu items. These are the active menu items that you can see on the screen. Below it, there is a button to add new items. In the text area, you see 3 menus i.e.: About, Gallery, and Contacts.

You can easily surf through the menu by clicking on the submenu arrow. The interactive menu will take you to the submenu page without changing the layout area but with a nice transition effect.

You can toss Dynamic menus anytime

The slinky vertical menu widget allows you to use pre-made menus or dynamic menus created with WordPress.

First, enable the Dynamic Menu switcher. After that, select a menu from the Select Menu drop-down option. You will see the selected menu view with the set in the text area.

Take a look at the Additional Settings

In the Additional Settings section, you will find options to set the Menu Max Width and the Text Alignment. There is a switcher on the top to show the sticky menu.

Customize the menu items with the Style tab

The style tab lets you customize the appearance of the menu by changing colors, adding borders, padding, etc.

Customize Menu Items first

Go to Style> Menu Items

Here, you can change the background color and text color of the menu for normal and hover modes. Let’s get a deep color for the menu with a custom border radius. Then you can create gaps between the menu items using the scrollbar below.

Next, for the Hover mode, change the color of the text and then set a lite background color. Looks nice!

Change Indicator style

Go to Style> Indicator

Now, we will customize the indicator. Let’s change the indicator color to black and then set a thin border around it, followed by a Border Radius of 50 to make them round. After that, you can add some padding to the icon.

All done! You have successfully customized the Slinky Vertical Menu widget on your website.

Now, check the menu items like this.

Video Assist

Watch this quick video to learn more about the Slinky Vertical Menu widget and visit the demo page for more examples.

This document is presented by BdThemes.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge