In this text, you will see how a flexible and functional plugin works, with which you can create an advanced menu without typing any code.

This plugin comes with two different layouts, one is half screen and the other is full screen. With full screen, when the user clicks the menu button, the menu is displayed in full screen. This style of menu helps to save space on the site and for responsive versions of the site. With a half-screen layout, the menu pops up from the left or right side of the screen, depending on how you set it up. This is a great option for responsive versions of the site for mobile phones or tablets.

Creating a responsive menu over half the screen

You can create a menu by simply dragging an add-on from the list of elements and choosing the type of menu from the list (main menu, submenu). You can set the alignment, left, right or center, you can set the menu breakpoint (tablet or mobile option), at which screen width the whole menu is no longer displayed but only the hamburger button and select off-canvas menu display option. Then click on the style setting and there you can customize the menu as you like by changing the typography, background color, animations and other options provided.

Creating a full-screen responsive menu

And this menu is created in the same way, by simply dragging the plugin from the list of elements, you select the type of menu from the list. Adjust the settings and set the breakpoint to be an option always and select an option full screen displaying the menu. Then again through the style setting adjust the menu the way you want it to look.

After you have created the menu, you can also see how it looks in responsive versions of the site. With this kind of plugin, you can make quite creative and interesting menus with the help of which the site itself looks more beautiful.

I hope that this text was useful for you and that you learned something new, if you are interested in reading more tips for independent work, you can check them out on our blog, and in case you want to consult with professionals, click on this one Link.

Source: youtube