How to move the Search box to the Main navigation bar

[glennrocksvb]

What device are you using? You seem to be using a custom theme where it makes the Search box taller than the default. Can you post a link to your site?

[NumNum]

Sure,

https://www.adkforum.com/

[glennrocksvb]

NumNum, I updated the CSS code in the first post. Please try it and let me know if it fixes the issue.

[glennrocksvb]

NumNum, for your specific theme, you may want to also make these adjustments:

.l-desktop #header .toolbar {
    bottom: -34px;
}

.l-desktop .search-box .search-term {
    height: 30px;
    width: 200px;
}

[NumNum]

The new code in post one skews the logo image so it no longer spans the header.

Going to turn in, I'm running on 3 hrs of sleep and my eyes are shot. I reverted the code and will check again tomorrow.

[glennrocksvb]

Your banner logo width is too narrow (at 850px) to fit the header width which is 1000px. The code does not stretch the image to keep the original aspect ratio of the image.

I recommend editing the banner logo image to enlarge it to 1000px.

Another option is to force it to span the header width and lose the original aspect ratio by adding this custom CSS:

.l-desktop #header .site-logo img {
    width: 100%;
}

[glennrocksvb]

NumNum, add this:

.l-desktop #header .site-logo {
    text-align: center;
}