pixel

DotNav

$10.90 - $21.90

Add to Wish List
Purchase
Watch Intro

If you have a single-page site or very long pages on your site having lots of sections, then you might probably need to use the Dot Navigation to make navigation through the page easier. Divi provides such a posibility but its side navigation lacks some of the important features. For example, someone might want to hide it on mobile devices or control dots number. Or apply custom styling to it. DotNav plugin enhances the Dot Navigation of Divi Theme. It adds lots of new options to the Theme Customizer which let you do all the customizations of Dot Navigation with live preview. Here are some of the features of this plugin:

  • Animations
  • Automatic update notifications with one-click updates via WP Dashboard
  • Lots of options to style the look and feel of the Dot Navigation (colors, margins, paddings, borders, border radius, etc.);
  • Show/Hide Dot Navigation on different devices (Desktop/Tablet/Phone);
  • Hide selected page sections dots from the Dot Navigation;
  • Show page section ids as dot tooltips or even style them to look like a normal menu;
  • New awesome features coming soon…

The DotNav plugin works perfectly with the ScrollTop plugin which extends the the functionality of Divi back to top button, you might want to check it out too.

IMPORTANT: please read the Documentation before using this plugin.

Other Divi plugins by Ivan Chi

      ScrollTop


Add to Wish List
Purchase

29 Comments

  1. clément durieux

    I just acquired divi dotnav under unlimited license today. I’ve copied the attached license into the mail in the license activation area on my divi wordpress website. Message: invalid license. What should I do…?

    Reply
  2. Russell Martin

    Hello,

    I’m unable to hide the dots using the class provided in the documentation: chiddn_hide_section_dot

    I have definitely applied them properly to each section. Some of the sections have an additional class which I added for other purposes.

    Moreover, when I toggle the setting to hide the dots, it hides the labels as well.

    Basically, I want labels to appear without dots, but when I hide dots, labels disappear, too.

    I’m using the most recent version of your plugin with Divi 3.086.

    Reply
    • IvanChi

      Hi Russel Martin.
      Looks like you misunderstood the purpose of hiding dots feature. It is useful when you don’t want the dot of a specific section to show up in the dot navigation, and if you hide the dot of that section then its label won’t be available too.

      But if you want the labels to be visible but dots to be hidden then do the following:
      — 1) navigate to Label Settings and set “Show Labels” option to “Always”;
      — 2) navigate to General Settings and apply a negative value to “Right Offset” option till the dots are completely gone from viewport to the right.

      Hope this is helpful.

      Reply
      • Russell Martin

        Thanks for that.

        For anyone else interested, what did was make the standard dot background 100% transparent and changed the margin on the label containers so it rested right at the side of the viewport. It looks exactly as I want now.

        Thanks for the help – great plugin!

        Reply
        • IvanChi

          No problem, Russell. Glad to know your problem is solved. Feel free to contact me if you’re having any issues with the plugin.

          Reply
    • IvanChi

      No, current version of DotNav plugin does not have such a feature.

      Reply
  3. GUILLAUME BOUQUET

    Hello,

    Does it work with the Extra theme ?

    Thanks for your response

    Reply
    • IvanChi

      Hi GUILLAUME BOUQUET.
      Current version (v1.1.2) is compatible with Divi theme only.

      Reply
  4. Olof Ryden

    Love this plug-in Ivan!!
    I have one thing I cant figure out; How do I increase the space between labels. If I am using a large font size, the labels are overlapping. If you can provide some help I’d really appreciate it.

    Thx!

    Reply
    • Olof Ryden

      Never mind, I figured it out! Thanks again great work Ivan.

      Reply
      • IvanChi

        Awesome! Thanks for your kind words.

        Reply
    • IvanChi

      Hi Olof.
      You should increase dot margins in Dot Settings section.
      Glad you love the plugin 🙂 Thanks.

      Reply
  5. John

    I have upgraded to 1.1.2 of the plugin but am still not able to hide a section, using “chiddn_hide_section_dot” I am running Divi 3.0.60.
    Please advise.
    Thanks
    John

    Reply
    • IvanChi

      Hi John. Please send me a support query via email with a link to your site, I will take a look.

      Reply
  6. Zoltán

    Thank you for the great support :). Great product, great support. I recommend to everybody, who thinking a landing or sales page with a float menu, without a big header. Works great, everythink can modify, no css needed. Thank you again!

    Reply
    • Ivan

      Thank you for your kind words, Zoltan. I really appreciate that :).

      Reply
  7. Carlo

    Hi,

    I purchased it, I like it very much… But I can’t hide the sections, the class “chiddn_hide_section_dot” doesn’t work to me. Where my mistake?

    Reply
    • IvanChi

      Hi Carlo,
      I am working on a fix for this issue and will release an updated version of plugin ASAP. I’ve sent you an email with regards to this issue.

      Reply
    • Ivan

      Released v1.1.1 which fixes this issue, please log in to your account and download it.

      Reply
      • Zoltán

        Hello Ivan,

        It’s still not working for me. Can’t hide the section for me with that class: “chiddn_hide_section_dot”.

        Thank you.

        Reply
        • IvanChi

          Hi Zoltan.
          You meant “section dot” not the “section”, I guess. Make sure you use this CSS class exactly the way it is described in the plugin Documentation (readme.pdf file). If you are still having issues, please contact me via email addresses included in the documentation file (at the very bottom), I will be glad to help you.
          Thanks.

          Reply
        • Ivan

          Hi Zoltan.
          This issue is fixed in v1.1.2 of the plugin which improves the section dot hiding feature, please log in to your account and download the latest version.

          Reply
  8. Martin Fuller

    What about sub-menu items? Do they show up?

    Reply
    • IvanChi

      Hi Martin.
      Thanks for asking. Actually, there are no any sub-menu items to show. Dot Navigation shows a “dot” for each page section of the current page and the DotNav plugin allows to show the CSS id of each page section next to its dot as the dot navigation item/label. This makes navigation through the page much easier because the user knows which page section each dot stays for. And all this is fully customizable using the DotNav plugin , you can make the dot navigation look like a normal menu with clickable items having words instead of just dots.

      Reply
  9. Jo Wagner

    Can you use this for multiple menus on several pages or Just the Primary Nav? Please let me know on pathfindmedia@gmail.com as this will affect my buying decision.

    Reply
    • IvanChi

      Hi Jo,
      DotNav plugin is not integrated with the Primary Menu (Primary Nav) in any way. It uses current post/page section ids as dot labels which allows the dot navigation items(labels) to be unique for each post/page it is enabled on. The dot labels can be styled to look like a normal vertical menu if you wish so, this plugin has lots of styling options built in for that. Note that styling of dot navigation will be same for all pages/posts.

      Reply
    • Ivan

      Sent you an email.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Changelog:

- v1.3.6 (26.06.2019)

-- Fix: fixed the 'show labels' feature not working properly when the Active&Hover mode selected

- v1.3.5 (28.03.2019)

-- Improvement: updated the plugin updater to the latest version

- v1.3.4 (13.11.2018)

-- Fix: fixed the issue with settings default values not being applied correctly in some cases

- v1.3.3 (01.11.2018)

-- Fix: fixed the non-numeric value warning

v1.3.2 (04.06.2018)

-- Improved RTL support

v1.3.1 (16.02.2018)

-- Fix: fixed issue with hiding the dot navigation on different devices occuring when the Show On Scroll feature enabled

v1.3 (29.12.2017)
-- New feature: make dot naviagtion visible after scrolling the page
-- New feature: adjust scroll amount(in px) after which the dot navigation becomes visible
-- New feature: added out-animations available when dot navigation is set to be visible after scroll
-- Improvement: multi-input controls now have the "reset to default" functionality
-- Improvement: various code optimisations
-- Misc: updated plugin Customizer settings panel color scheme for consistency with other plugins
-- Fix: fixed the animation duration control issue causing the float number to be rounded

v1.2 (31.10.2017)
-- Added automatic updates feature.

v1.1.2 (05.07.2017)
-- Fixed a bug with dots not hiding if the selected section wasn't assigned a CSS id.

v1.1.1 (30.06.2017)
-- Fixed a bug with dot labels not showing for sections that go after disabled sections.
-- Fixed a bug with dot hiding feature not working properly in some specific cases.

v1.1 (29.06.2017)
-- Added animations feature, now it is possible to apply different animations to dot navigation and set its duration.

v1.0 (26.06.2017)
-- Initial Release

  • You may install this product on the number of websites that you build for yourself or your clients according to purchased license.
  • You are not allowed to resell or redistribute the plugin in any form or by any means without prior written permission of the author. We kindly ask you to respect developer’s work.
  • By purchasing the DotNav plugin for Divi you receive 1 year of  support and updates. Premium support charges may be incurred after this period. Support does not comprise individual plugin customizations.

Please be aware that you will need an amount of experience in Divi Theme and WordPress to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible – please ensure that the product you are buying will do the job you want it to.

All support for products is handled by Vendors and contact details will be included in the download packages. If contact details are not found within the files, please do contact us and we will be happy to put you in touch with the vendor concerned. 

*Support is provided by vendors directly.

You have questions about your purchased plugin, theme or layout? Then use this form to get your answers as soon as possible. If you have a license key, please enter it here. You can find it in your account under "view details and downloads". Otherwise, please use the invoice id from your invoice.

15 + 6 =

Pin It on Pinterest

Share This

    Support Form


    The author will normally get back to you within the next 48 hours. All requests are processed one after the other. If you do not receive an answer within this time, please check your spam folder and make sure that you have entered the correct email address.

    You can help us to help you faster. If errors occur, first deactivate all plugins and go back to the parent theme if you are using a child theme (which you should). Check again. Then first turn on your child theme again and then step by step your plugins. Check again every time. Where does the error occur? You can also enable debug.log to get more information to share with us. Use the following snippet to write the debug.log to your "wp-content" folder: Enable debug.log

    Please submit some screenshots showing the problem. The JPG and PNG format and several files are allowed (optional).

    14 + 4 =