Search bar over header image in mobile

Where would you like it to be?

Good question. I probably should have addressed that already. I would be OK if we could float it over the green part of the menu to the right of the menu text. Alternatively, I would be OK removing it entirely on mobile.

Thanks for the help.

Try;

@media only screen and (max-width: 480px) {

 #branding  .only-search {
  position: relative;
  bottom: 15px;
  right: -20px;
 }

 #branding  .only-search #s {
  width: 70%;
 }

}

Wow, that’s perfect. Thanks a lot!

It still shows up over the header when I turn the phone in landscape mode, but it’s over my hair and I can live with that. ??

Thanks again for the help!

Here’s a handy resource if you want to get that landscape mode sorted
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/