The Liquid Fullscreen Menu Widget allows you to easily add a hamburger icon that triggers a full screen menu animated overlay with a close button on your Elementor website. You can configure the widget in a few clicks, you just have to select a WordPress menu to output in your design. Customize the Liquid Fullscreen Menu according to your needs. Select the depth of the WordPress menu you want to show on your website. Match the colors to your site’s theme and customize the layout for the best user experience with lots of styling options.
Let’s look at each of the options in the “Liquid Fullscreen Menu Widget” below.
Install Liquid Fullscreen Menu Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Liquid Fullscreen Menu”
- Hover over the widget in the search results and click install
- Add your “Liquid Fullscreen Menu” widget to any Elementor Page
Overlays Animation Settings #
Select one of the overlay animation styles from given options.
- Style One
- Style Two
- Style Three
- Style Four
- Style Five
- Style Six
Select the menu depth you want to display
- All Depths
Menu Settings #
Select the menu you want to display
Liquid Fullscreen Menu Widget Styling #
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Overlays Styling #
Set the background color and color for the overlay animation.
Hamburger Styling #
Set the size, border, color, background, alignment, and radius of the hamburger icon.
Menu Items Styling #
You can set the typography, color, and alignment of the menu items.
Usage Examples #
Here are some live use cases for the Liquid Fullscreen Menu Widget.