Elementor – Ultimate Gooey Menu
$14.00
3 sales
LIVE PREVIEWElementor – Ultimate Gooey Menu Review: A Deliciously Creative Navigation Tool
Score: 4.8/5
In this era of modern web design, creativity is king, and the Ultimate Gooey Menu by Elementor is a great example of innovative thinking. This versatile plugin allows you to create a sticky menu that will make your website stand out with its unique, gooey effect. As I delved deeper into its features, I was impressed by the level of customization and ease of use it offers. Circle, Horizontal, and Vertical. Each style can be used to create a unique navigation experience on your website. The Circle style creates a visually appealing, rounded menu with a gooey effect that captures attention. The Horizontal and Vertical styles provide a more traditional menu approach, perfect for those who want to blend in with the crowd.
Demonstration
To get a feel for what Ultimate Gooey Menu can do, I recommend checking out the demonstration video. It showcases the plugin’s abilities and provides a clear understanding of its features. Be prepared to be impressed by the smooth navigation animations and the overall visual appeal of the menus.
Conclusion
Elementor – Ultimate Gooey Menu is a fantastic addition to any website, offering endless possibilities for creative navigation solutions. The plugin’s ease of use, impressive customization options, and stunning effects make it a must-have for any web developer or designer. With a 4.8/5 score, I wholeheartedly recommend Ultimate Gooey Menu to anyone looking to spice up their website’s navigation.
User Reviews
Be the first to review “Elementor – Ultimate Gooey Menu” Cancel reply
Introduction
Are you tired of using the same old boring menu on your WordPress website? Do you want to add a touch of elegance and sophistication to your website's navigation? Look no further! The Elementor Ultimate Gooey Menu is a powerful and highly customizable plugin that allows you to create a unique and visually appealing menu for your website. In this tutorial, we will guide you through the process of setting up and customizing the Ultimate Gooey Menu using Elementor.
What is the Ultimate Gooey Menu?
The Ultimate Gooey Menu is a premium plugin developed by Elementor, a popular page builder for WordPress. It allows you to create a custom menu with a variety of styles, animations, and effects. The menu can be used to enhance the user experience of your website, making it more engaging and interactive.
Prerequisites
Before you start, make sure you have:
- Elementor installed and activated on your WordPress website
- A basic understanding of how to use Elementor and its widgets
- A theme that is compatible with Elementor (most themes are compatible, but it's always a good idea to check)
Setting up the Ultimate Gooey Menu
To set up the Ultimate Gooey Menu, follow these steps:
- Create a new page or post: Go to your WordPress dashboard and create a new page or post. This will be the page where you will add the Ultimate Gooey Menu.
- Add a section: In the Elementor editor, click on the "Add Section" button to create a new section. This will be the container for your menu.
- Add the Ultimate Gooey Menu widget: In the Elementor widgets panel, search for "Ultimate Gooey Menu" and drag and drop the widget into your section.
- Configure the menu settings: In the widget settings, you will see a range of options to customize your menu. We will cover each of these options in the following sections.
Customizing the Ultimate Gooey Menu
Now that you have set up the Ultimate Gooey Menu, let's dive into the customization options.
Menu Style
The menu style options allow you to customize the appearance of your menu. You can choose from a variety of styles, including:
- Material Design: A modern and sleek style inspired by Google's Material Design.
- Flat: A clean and simple style with a flat design.
- Classic: A traditional style with a more traditional look and feel.
- Custom: A fully customizable style that allows you to create your own unique design.
To customize the menu style, simply click on the "Menu Style" dropdown menu and select the style you want to use.
Menu Animation
The menu animation options allow you to add a touch of magic to your menu. You can choose from a variety of animations, including:
- Fade In: A simple fade-in animation that makes the menu appear on the screen.
- Slide In: A slide-in animation that makes the menu slide onto the screen from the side.
- Scale In: A scale-in animation that makes the menu scale up onto the screen.
- Custom: A fully customizable animation that allows you to create your own unique effect.
To customize the menu animation, simply click on the "Menu Animation" dropdown menu and select the animation you want to use.
Menu Effects
The menu effects options allow you to add a touch of interactivity to your menu. You can choose from a variety of effects, including:
- Hover Effect: An effect that changes the appearance of the menu when you hover over it.
- Active Effect: An effect that changes the appearance of the menu when you click on it.
- Custom: A fully customizable effect that allows you to create your own unique effect.
To customize the menu effects, simply click on the "Menu Effects" dropdown menu and select the effect you want to use.
Menu Items
The menu items options allow you to customize the individual items in your menu. You can choose from a variety of options, including:
- Text: The text that appears in the menu item.
- Icon: An icon that appears next to the menu item.
- Link: The link that the menu item points to.
- Target: The target of the link (e.g. _blank, _self, etc.).
To customize the menu items, simply click on the "Menu Items" dropdown menu and select the options you want to use.
Advanced Options
The advanced options allow you to customize the behavior of your menu. You can choose from a variety of options, including:
- Menu Position: The position of the menu on the page (e.g. top, bottom, left, right).
- Menu Alignment: The alignment of the menu on the page (e.g. left, center, right).
- Menu Width: The width of the menu.
- Menu Height: The height of the menu.
To customize the advanced options, simply click on the "Advanced Options" dropdown menu and select the options you want to use.
Conclusion
That's it! With these steps, you should now have a fully functional and customizable Ultimate Gooey Menu on your WordPress website. Remember to experiment with different styles, animations, and effects to find the perfect combination for your website. Happy building!
Enable Ultimate Gooey Menu
To enable Ultimate Gooey Menu in your Elementor page, go to the Appearance section of the Elementor Editor and scroll down to the Footer area. Click on the toggle switch next to Ultimate Gooey Menu to enable it.
Menu Style
In the Menu Style section, you can customize the appearance of your menu. You can select from various options such as Static, Animated, and Glow. For this example, let's choose Animated.
Menu Animation
To customize the animation of your menu, you can adjust the following settings:
- Animate Menu Opacity: Set the Animate Menu Opacity value to 60 to give the menu a more subtle animation effect.
- Animation Speed: Adjust the Animation Speed to 1s to speed up the animation of your menu.
Menu Items
You can add, remove, and reorganize your menu items by using the buttons provided in this section. For this example, let's add the following menu items:
- Home: Link to the homepage of your website.
- About: Link to the About page of your website.
- Contact: Link to the Contact page of your website.
- Blog: Link to the Blog page of your website.
Menu Width
In the Menu Width section, you can customize the width of your menu by adjusting the following settings:
- Maximum Width: Set the Maximum Width value to 1200 pixels to define the maximum width of your menu.
- Margin: Adjust the Margin value to 30px to add a 30px margin between the menu and the surrounding content.
Mobile Navigation
To customize the mobile navigation experience, you can adjust the following settings:
- Mobile Menu Width: Set the Mobile Menu Width value to 100% to make the mobile menu full-width.
- Mobile Menu Style: Choose from various options such as Hamburger, Three Lines, and Side Menu.
- Mobile Menu Icon Color: Adjust the Mobile Menu Icon Color value to #333 to define the color of the mobile menu icon.
By configuring these settings, you can create a beautiful and functional menu using the Ultimate Gooey Menu plugin with Elementor.
Here are the features of Elementor - Ultimate Gooey Menu extracted from the content:
- Gummy menu with circles as menu items: The plugin allows you to create a unique menu with circular icons as menu items.
- Stunning navigation effects: The demo showcases stunning navigation effects that can be achieved with the Gooey Menu.
- Easy to use: The plugin is easy to use and requires no coding knowledge.
- Customization options: You can change backgrounds and icons colors to match your desired design.
- Large icon collection: You can choose from a vast collection of icons from FontAwesome.
- External and internal links: You can add external or internal links to each icon.
- Three style options: The plugin offers three style options: Circle, Horizontal, and Vertical.
Please let me know if you would like me to help with anything else!
There are no reviews yet.