Menu items (again)

  • Herve Kabla

    (@hkabla)


    2 years, 6 months ago

    Hi

    I also have issues with menu item, not on mobile, but menu items that are really displayed.

    Here is the code that defines my menu. I try to attach the tour step to menu-item-17117 but although the menu item is displayed, the step is centered on the screen and not on the menu item. What id should I use ?

    <div class=”menu-main-menu-container”><ul id=”primary-menu” class=”nav-menu”><li id=”menu-item-17044″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-17044″>Actualités
    <li id=”menu-item-17117″ class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-17117″>Communication
    <ul class=”sub-menu”>
    <li id=”menu-item-275″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-275″>La marque
    <li id=”menu-item-1094″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1094″>Charte graphique
    <li id=”menu-item-17947″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-17947″>Outils marketing
    <li id=”menu-item-18117″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-18117″>Événements et salons
    <li id=”menu-item-5921″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-5921″>Presse

    `

    </div>

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Atanas Yonkov

    (@nravota12)

    2 years, 5 months ago

    Hi @hkabla ,
    I checked your website and it seems that your menu items do not have id-s assigned to them. Considering your current html markup, you can only link the step to the menu item’s classname. For example, to attach a step to menu item with classname “menu-item-5311” (Découvrez notre marque), in the plugin settings page, go to the specific step and in the step position field, add “.menu-item-5311” and then press save.

    P.S: To find out the correct menu item’s classname, use the browser inspect tool.

    Image one: Menu item markup using browser inspect element tool

    This should link the step to the menu item Découvrez notre marque. Let me know if it worked!

    • This reply was modified 2 years, 5 months ago by Atanas Yonkov.
    Thread Starter Herve Kabla

    (@hkabla)

    2 years, 5 months ago

    Hi, I’ve tried this and it doesn’t work either.
    I added a step on ‘step position’ field with value ‘.menu-item-17117’
    Result : it skips the step (as I asked to skip the steps on non visible elements)

    Thread Starter Herve Kabla

    (@hkabla)

    2 years, 5 months ago

    Just try the following URL : https://beta.yonka.pro/test-tour/

    Plugin Author Atanas Yonkov

    (@nravota12)

    2 years, 4 months ago

    Hi @hkabla ,
    There is no tour running on this page. Do not use the “skip a step” option, if it interferes with the workflow. Did you also try all the options described here?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu items (again)’ is closed to new replies.