Archived topic
Place search box in top right of header
5 replies · Started by Eric on July 7, 2021
Hi folks,
I have a header with a logo - main menu - search box in a single row. I would like to place the search box in a row above the logo and main menu in the top right corner. The search box was added as a widget in the header. Is there CSS I could employ or some other method that would accomplish this? Thanks for your assistance.
Hi Eric,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Thanks for your message. Unfortunately, the website is behind a firewall while it's being developed but I could send a screenshot if that would be helpful.
Screenshots don't help with issues like these unfortunately.
Can you start a staging site for it? Or we can revisit once there is something live to look at.
Thanks!
Hi, I have generated a test site which you can view. The details will be sent in the private field. Thanks.
Hi Eric,
Try this CSS:
.inside-header.grid-container {
flex-wrap: wrap;
}
.nav-float-right .header-widget {
width: 100%;
order: -1;
display: flex;
justify-content: flex-end;
}