ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• June 30, 2015 at 6:52 pm #190340
  GTS75

  Member

  Post count: 240

  Please see the attached image. I have a designated mobile menu that has a couple of “dropdown” sections. You tap on the down arrow to expand the section, and then the arrow flips to point up, which would make the user thing they can tap there again to close the section. However when that “up arrow” is tapped, it brings them to that link.

  So in the case of my screenshot, I expanded the “Shop” section, and if I was to try to close that section by tapping the up arrow just like I did to open the section, I’m taken to the SHOP link.

  Is this normal? Seems like it should close to improve the user experience.

  Thanks

  Attachments:

  You must be logged in to view attached files.
  July 1, 2015 at 5:56 am #190421
  purekarting

  Member

  Post count: 42

  I completely agree. If this can be done, it will greatly enhance the UI of the slideout and mobile menus. This is especially helpful with long, complicated, multilevel menu hierarchies.

  Please shine some hope on us Swift Ninjas!

  July 1, 2015 at 8:15 am #190463
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  I suppose this is a fair point, however it’s not possible to make only the arrow close the submenu as it’s not a physical html element, it’s added via css using :after, therefore we would have to make the whole parent menu item the link that closed the submenu, but that would mean the user would not be able to visit the ‘shop’ page on mobile.

  – Kyle

  July 1, 2015 at 1:42 pm #190609
  GTS75

  Member

  Post count: 240

  Hmmm interesting. Would it be possible to NOT display the “up” arrow after a user expands the section? I think it’s just the up arrow that people expect to be able to tap to close. I feel like users, especially on mobile…don’t have time to mess around with waiting for things to load, so if they accidentally tap a link they didn’t mean to hit, that could easily result in a bounce.

  Let me know what you think.

  July 1, 2015 at 1:52 pm #190614
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  #mobile-menu ul li.parent.sub-menu-open > a::after {
    display: none;
  }

  – Kyle

  July 1, 2015 at 2:04 pm #190622
  GTS75

  Member

  Post count: 240

  Thanks. Please consider making the menu tabs open & closeable…it’d definitely make for a better mobile menu user experience.

  July 1, 2015 at 2:06 pm #190625
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok no problem

• Back to forum

  Posted in: Atelier