Hi there, give the following a try and see what you think. The last 4 rules below the Media Query align the title and the menu icon to the right and move the search to the left. It seemed sort of weird having the toggle on the left and the menu on the right, and since the title and menu toggle are in the same parent div, it is hard to move just one of them and leave the other where it was. You can delete the last 4 rules to see how it looks and operates with it on the left.
/* these move menu to right */
#toggle-sidebar {
left: 100%;
max-width: 30%;
}
.toggle-open #toggle-sidebar {
left: 70%;
}
@media screen and (max-width: 959px) {
#toggle-sidebar {
width: 100%;
max-width: 100%;
}
.toggle-open #toggle-sidebar {
left: 0;
}
}
/* following moves title and toggle to right and search to left */
.site-branding {
float: right;
position: relative;
}
.header-search {
float: left;
}
.toggle {
position: absolute;
right: 0;
}
.site-title {
text-align: right;
padding-right: 70px
}
