Tour on Menu
-
Hi
I followed your step by it not display properly.
I want the tour to point to my top menu, but it doesn’t work as it should.I put .menu-item menu-item-type-post_type menu-item-object-page menu-item-2073 into the step position.
I also tried .main-navigation.menu-item menu-item-type-post_type menu-item-object-page menu-item-2073 it doesn’t work as well
Help needed.
Thank you.
-
Hi @rmvalues ,
Thank you for using the Simple Tour Guide plugin.
You have tried to put all the classnames of the menu item that you want to target, while you should add only one classname. In your case, you need to link the step to
.menu-item-2073(add this to plugin options => create a tour tab => step position). It is the best one from the list of classnames that you copied, since it is unique.Additional information:
Ideally, I would recommend to target id-s, since they are unique. However, not all elements have id-s and sometimes this is not possible. Please note that classes may not be unique all the time. This means, if there is a scenario where you try to target an element that uses a classname that is not unique, e.g.
.menu-item, the plugin will link the step to the first element on the page that has this class. In this example, it will link the step to the first menu item.Another thing to take into account with menu items is that usually they are hidden on mobile. This means that you might want to use the “skip a step” option or to detach the step from the element on that resolution. More info on that – here. Hope this helps!
- The topic ‘Tour on Menu’ is closed to new replies.
