Sticky menu navigation moves to the middle when scrolling (on mobile)

Hi there,

try this CSS:

@media(max-width: 768px) {
  nav#sticky-navigation div#primary-menu {
    margin-left: unset;
  }
  .menu-toggle {
    margin-left: auto;
  }
}

Awesome! It works great. Thank you David!

You're welcome

Sorry to circle back to this again. But with the latest update this has stopped working. Can someone check to see why the scrolling on the mobile results in the toggle menu moving to the middle? The URL is https://themaycstaging.wpengine.com/ thanks!

Hi Karenh,

I checked on my phone, the menu toggle stays on the right:
https://www.screencast.com/t/Ds7hkL9ij3

Have you tried incognito mode on your mobile browser?

Let me know :)

Hi Ying,

It happens when scrolling, I cleared my phone browser and I'm still experiencing it. Here is a video share of it.

Thanks

I see, it's more visible on a wider screen, try this CSS:

button.menu-toggle {
    text-align: right;
}

Let me know :)

Awesome that worked! Thanks

You are welcome :)