1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.5 Close link (X) on the menu drop-downs?

Discussion in 'Styling and Customization Questions' started by Stuart Wright, Mar 27, 2016.

Tags:
  1. Stuart Wright

    Stuart Wright Well-Known Member

    On the responsive design on a mobile device (e.g. iPhone), the account popup menu fills the screen, so there is no way to get rid of it.
    How hard would it be to add a close link (e.g. a font awesome circled X button) located top right of the popup box to close it?
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    It would likely require some custom JS to trigger the menu to close (or proxy click outside of the menu).

    That said, your menu is, for some reason, somewhat wider than the default and I can't particularly see a good reason for it to be. A simpler solution may well be to reduce its width. On a 4 inch phone screen, there's still plenty enough space to tap out of the menu on the default style.
     
    Stuart Wright likes this.
  3. Stuart Wright

    Stuart Wright Well-Known Member

    Thanks, Chris. I've narrowed our menu a bit and it's easier now.
    Generally from a UI point of view, I think a close button would be better, though. Maybe in XF2.
     
  4. Steve F

    Steve F Well-Known Member

    With the menu open you can still scroll the page down then click anywhere off the menu. I know it isn't the answer you're looking for but I do it often on various sites.
     
  5. Stuart Wright

    Stuart Wright Well-Known Member

    On desktop this isn't anything like inconvenient, but on mobile it is less easy, and a close button top right of the menu seems to me to be a much more user friendly way to help people use the menus.
     
  6. Steve F

    Steve F Well-Known Member

    A close "button" would take up valuable space in a navigation menu. Not mention you would need to provide a space for that when closed or you would get some weird behavior when opening.

    Clicking the tab again should close it honestly, especially since there is a profile link in the menu.
     

Share This Page