A little late, but here’s the css if you want the search bar to appear on the right of the header instead of the left. Add it in Admin > Customize.
.header-search-enabled .contents {
display: flex;
justify-content: space-between;
&:before, &:after {
display: none;
}
.title {
flex: 1 1 auto;
}
.search-header {
float: right;
margin-left: 0;
margin-right: 10px;
}
.search-input {
float: right;
margin-left: 10px;
margin-right: 0;
}
.search-context {
padding-top: 5px;
float: right;
}
.results {
right: 0;
}
}
You’ll, need to update to the latest for it to work properly.
The same CSS will also work for the Header Search Plugin.