< All Topics

Now everyone needs to have a responsive website that looks good on Mobile as majority users use Mobile. You need a good menu for your mobile website, as complicated menus on a small screen can be really disastrous. So you have to make sure to make a Mobile Menu that not only looks good but is easy to use. You can create such Menus by using the Mobile Menu widget. 

Pro tip
Why not create your own personalized menu using this widget. Website visitors can go through the whole website with the Mobile Menu. Make sure to add proper chronology in your Menu.

How to use the Mobile Menu Widget of The Plus Addons For Elementor

The Mobile Menu widget comes with multiple designs. Let’s understand how to use this widget in the tutorial below. 

Table Of Contents

General Steps

Search for the Mobile Menu from the Elementor screen in the left and then drag and drop it into the content building area.

After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.

1. Content

Mobile Menu settings in Mobile Menu widget.

Mobile Menu

Style

Select your preferred style from the dropdown. You can choose from the two options you get.

Position 

You can specify whether the Menu position to be fixed or absolute.

Fixed Position 

You can specify whether the Menu position to be fixed or absolute.

Open Mobile Menu

Specify the pixels after which you want to display the Mobile Menu. 

Menu 1

Select Icon 

You can set an Icon or Image for every Menu Item. 

Icon 

Select the Icon you want to add. 

Text 

You can specify text for each menu item that will be displayed with the Icon 

Link  

Add a link to Menu Items 

Pin Text 

You can also add further Pin Text to the Menu Items.

Extra Toggle

Extra Toggle 

You can enable or disable the toggle sliding the button. 

Select Toggle Icon 

You can set an Icon or Image for Toggle. 

Icon 

Choose the Icon you want to specify for Toggle. 

Image Size 

You can specify the image size of the toggle. 

Text 

Add text here for the Toggle button. 

Content 

You can specify whether you want to add or a Template to the Toggle. 

Extra Options

Display 

You can set the display option to either Swiper or Columns. 

Active Page Indicator 

Enable this to add the Active page indicator to the Menu. 

Style 

Select the style of the Active Page Indicator. 

Position 

Select the Position of the Active Page Indicator.

Pin Text Overflow 

Hide or show Pin text Overflow with this option. 


Enable Active Page indicator in Mobile Menu widget.

2. Style

The Style tab is used for customizing the appearance of all the Mobile Menu widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options.

View Style Tab Tutorial

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?