When I scroll down and the header goes sticky, the search bar switches to full-width, which is weird, I think, on the desktop — to click and have the cursor show up way on the other side of the site. I can try to sort of manually make it match the non-stick version with something like…
.navigation-search input[type="search"], .navigation-search input[type="search"]:focus {
background-color: #3f3f3f;
width: 540px;
margin-right: 70px;
}
.main-navigation .main-nav ul li.search-item.active > a {
background-color: transparent;
}
…but I’m wondering if there’s a cleaner way you know of — maybe a setting or settings I could change?
Thanks and lmk if you have any questions.