Mobile Menu Hamburger Doesn't Open on Desktop Until Refresh of Browser in Short Windows | Turbo - Portland

Comments

3 comments

  • Avatar
    Christian from Epium

    Noticing exactly the same on Turbo. The mobile hamburger doesn't open on first arrival page. If you reload or go to another page it will load.

    1
    Comment actions Permalink
  • Avatar
    Spenser Wellen

    Yup! I reached out to their customer service just today, but unfortunately, my hopes aren't too high that they'll be all that useful in helping to get this fixed. If I get it figured out I'll of course post the solution here.

    1
    Comment actions Permalink
  • Avatar
    Spenser Wellen

    So I heard back from their customer service team, and this was their response:

    Thanks for reaching out.

    This is a bit of tricky situation, and it has to do with Turbo's loading technique.

    The way that Turbo's special loading technique works is that it does something called predictive loading. Basically, the idea is that it will pre-load pages before the user gets there so that the page load experience is faster. However, because of this special preloading, our meta size specific settings require a reload to be applied. So, that's why the menu doesn't trigger when you resize your browser prior to a refresh.

    Now, the chances of an actual customer experiencing this are quite low because it's highly unlikely that a customer during their shopping experience would resize their browser and continue navigating the site. If they were to start their experience at a tablet view size (around 798px) then the mobile menu will work right away. They would only ever experience this if they resized their browser while shopping.

    That being said, I can definitely understand your concerns. Unfortunately, we don't have a solution at this time. :(

    So on my website, I just made sure to adjust the media queries for the mobile desktop to a max-width so low they realistically will never show up on someone's desktop browser.

    Then added media queries / css to make the desktop menu look as good as possible for all potential desktop widths....and that seemed to be the best solution for me.

    0
    Comment actions Permalink

Please sign in to leave a comment.