Sky Addons for Elementor

⌘K
  2. Home
  4. Docs
  6. Sky Addons for Elementor
  8. Widgets
  10. Slinky Vertical Menu

Slinky Vertical Menu

How to use Slinky Vertical Menu Widget of Sky Addons for Elementor

Slinky Vertical Menu widget allows you to create a customizable vertical menu for your WordPress site using Elementor. It provides advanced styling options and settings to enhance the appearance and functionality of your menu.

Slinky Vertical Menu for Elementor WordPress

Features:

  1. Fully customizable vertical menu.
  2. Supports menu animations and hover effects.
  3. Advanced styling options for menu items and arrows.
  4. Responsive design for all screen sizes.
  5. Easy integration with WordPress menus.

Insert Slinky Vertical Menu Widget

  1. Open Elementor Editor. In the Elementor panel, search for “Slinky Menu” under Sky Addons.
  2. Drag and Drop the Widget to the desired location on your page / editor.
Slinky Vertical Menu for Elementor WordPress

Slinky Menu Section

  1. Select Menu: Choose a menu from your WordPress menus to display. Ensure you have created a menu in WordPress before selecting it.
Slinky Vertical Menu for Elementor WordPress
Slinky Vertical Menu for Elementor WordPress

Settings Section

  1. Show Title: Toggle to display or hide the menu title.
  2. Animate Speed (ms): Set animation speed in milliseconds for menu transitions. Default is 300ms.
Slinky Vertical Menu for Elementor WordPress

Style Customization

Customize menu items, titles, and arrows with padding, colors, typography, shadows, and hover effects for a unique design.

Menu Item Section

  • Bottom Spacing: Adjust spacing between menu items.
  • Padding: Set padding for menu links.
  • Typography: Customize font style, size, and weight.
  • Border Type: Add borders to menu links.
  • Border Radius: Round the corners of menu links.
  • Text Color: Set the text color for menu links.
  • Background: Customize the background color or gradient.
  • Text Shadow: Add shadow effects to menu text.
  • Box Shadow: Apply shadow effects to menu links.
  • Hover Mode: Customize hover effects for all styles.
Slinky Vertical Menu for Elementor WordPress

Arrow Section

  1. Color: Set the color of navigation arrows.
  2. Hover Color: Change arrow color on hover.
  3. Size: Adjust the size of navigation arrows.
Slinky Vertical Menu for Elementor WordPress

Save and Preview

  1. Once you’ve customized and styled your accordion, click “Publish” or “Update” to save your changes.
  2. Preview the page to ensure the widget looks and functions as desired.

Troubleshooting

  1. Ensure a menu is created in WordPress before selecting it.
  2. Check animation speed settings for smooth transitions.
  3. Verify styling options are applied correctly in Elementor.

Conclusion

The Slinky Vertical Menu widget is a powerful tool for creating stylish, functional vertical menus with advanced customization options. It is easy to use and integrates seamlessly with WordPress and Elementor.

If you have any questions or queries regarding this please feel free to contact our support team – http://wowdevslive.bdkoder/support/

How can we help?