Search text overlaps Menu on mobile

Hi there,

How about moving the search field below the header ? Try this CSS:

@media(max-width: 768px) {
    .navigation-search.nav-search-active {
        top: 100%;
    }
}

That works great on posts but now pages have a strange "skip to content" and ugly grey menu button under it *e.g. this page on mobile https://www.thefieryvegetarian.com

I am not seeing that issue - can you try clearing plugin / browser caches.

Ah yes, apologies, that does fix it, I'm not sure why but even with the caches cleared it was doing something strange unless I used incognito mode, thank you!

Glad to hear that