4 ms·

I agree and with small single page sites doable but when I need to put a navigation (plus language versions etc) of the site into a mobile layout I have to do t

• account42 2y ago
  Why would you need JS for any of that?
  • mediumsmart 2y ago
    how else can I have a fullscreen overlay navigation on a phone from an accessible toggle button? almost forgot to answer the question: because I don't know any better
    • Lammy 2y ago
      Actual answer: like this! https://codepen.io/Sfate/pen/kGbLzK https://codepen.io/Sfate/pen/kGbLzK
      • mediumsmart 2y ago
        yep that works thank you - so to get the fullscreen overlay (since we only want it on the phones) a media query - maybe it should be the one gridcell navpage. But maybe the links should be listed for the robots ... if mobile is default/first there would be only one link - yeah maybe this is good.
    • endemic 2y ago
      You can do a lot with CSS these days: https://css-tricks.com/the-checkbox-hack/ https://css-tricks.com/the-checkbox-hack/
    • seanwilson 2y ago
      One (unusual) approach I like because of the simplicity is to put all your navigation links in your footer, and the hamburger/menu button in the header is just an anchor link that scrolls down to your footer. Unfortunately, accessible HTML solutions for well established UI patterns like menus and tooltips are still far too difficult to get right (anything that requires JavaScript usually).
      • mediumsmart 2y ago
        Nice, and I agree - maybe… the desktop version gets a nav and on the phone it’s all one elder scroll. With section links if it gets too long. … but still need the entry point for lang versions