HashThemes - WordPress Themes
  • Home
  • WordPress Themes
    • Free WordPress Themes
    • Premium WordPress Themes
  • WordPress Plugins
    • Free
      • Hash Form – Drag & Drop Form Builder
      • Super Product Filter for WooCommerce
      • Easy Elementor Addons
      • Simple Floating Menu
      • Mini Ajax Woo Cart
      • Hash Elements
      • Smart Blocks
    • Premium
      • Super WooCommerce Product Filter
      • Super Floating & Flying Menu
      • WooCommerce Ajax Cart
  • Docs
    • Articles
    • Free Themes
      • Total Documentation
      • Square Documentation
      • HashOne Documentation
      • Viral Documentation
      • Viral News Documentation
      • Viral Mag Documentation
    • Premium Themes
      • Total Plus Documentation
      • Square Plus Documentation
      • Viral Pro Documentation
    • Plugins
      • Ultimate WooCommerce Ajax Cart & Added To Cart Popup Documentation
      • Super Floating and Fly Menu Documentation
      • Super WooCommerce Product Filter Documentation 
      • Hash Form Documentation
      • Easy Elementor Addons Documentation
  • Support
  • Blog
  • Contact
  • Login

How to Add & Configure Navigation Indicator Menu in Super Floating & Flying Menu

  • Home
  • Articles
  • How to Add & Configure Navigation Indicator Menu in Super Floating & Flying Menu

How to Add & Configure Navigation Indicator Menu in Super Floating & Flying Menu

In a super floating menu, a navigation indicator typically refers to a visual cue or marker that highlights the current or active navigation item. This indicator helps users identify which section or page they are currently viewing within the menu structure. It can be in the form of an underline, bold text, different color, or an icon next to the active menu item.

The navigation indicator enhances navigation usability, especially in long menus or one-page websites, by providing clear visual feedback to users about their current location within the menu hierarchy.

How to Configure Navigation Indicator Settings

To start configuring the navigation indicator settings follow these steps:

  • Go to Dashboard > Appearance > Menu.
  • Enable the Super Menu and click on settings to configure more features.
  • In the Layout tab, choose the navigation indicator template.

There are 13 different animations that users can choose from to match their preferences. These animations add a touch of elegance to your website.

If you want to view the demos of the navigation indicator please click on this link.

Configure Navigation Indicator Settings

To enable users to navigate directly to specific sections of your menu, you can set the navigation indicator by adding the unique ID of the desired section. This allows users to effortlessly scroll to their intended destination with ease.

To add the Section ID follow these simple steps:

  • Go to Dashboard > Appearance > Menu.
  • Hover to the menu for which you want to set the navigation indicator ID. As you proceed to click or hover over the desired menu section, you will notice an option labeled Super Menu Settings on the right side of the menu box. Click on this option to access and configure the settings accordingly.
  • A customizable pop-up box will appear, enabling you to input your designated section ID for the related menu section.
  • To include the section ID, just copy it from the source by inspecting it. Let’s guide you on how to copy the unique section ID.
  • For this article, we’ll add the section ID innovation. To do this, go to the page you want your menu to redirect to. Then, inspect the page and find the unique section ID. Copy it.
  • Next, paste the copied unique ID into the section ID.

If you are confused, how to configure the section ID click on this article to know more: How to Find Element Id From Inspect on Different Browsers?

  • In the Menu Action section, begin by choosing Scroll to Section ID. Next, simply add the Section ID in the following step.

Let’s see what happens when you add the designated section ID to the menu. When you click on the menu item you’ve added, it will take you directly to the specific section ID you assigned.

  • Frequently Asked Questions (5)
  • Square Plus Guides (23)
  • Super Floating & Flying Menu (3)
  • Total Plus Guides (23)
  • Viral Pro Guides (20)
  • Privacy Policy
  • Terms and Conditions
© 2025 HashThemes. All Right Reserved.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
Cookie SettingsAccept All
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT
Powered by CookieYes Logo
Scroll Top
Scroll Bottom