How to set search bar width in header

HI! I’m trying to use a layout for my header that centers the logo and I want to have a search bar on the left from that logo in the ‘form’ format. When I do that, it automatically fills all the space stretching till the logo, which makes the search bar space too long and visually crowded. How can I adjust it to make sure the logo stays centered but the search bar form is shorter in width?

Attachments:

You must be logged in to view attached files.

Hi lesia,

Thanks for reaching to us and your patience.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.

Regards,

Please see attached

Hi lesia,

Thanks for reaching to us.

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.website-wrapper .main-page-wrapper {
		min-height: auto;
}

.main-page-wrapper .site-content {
		margin-bottom: 0;
}

Regards,

Hi, I tried the code but it doesn’t make a difference from what I can see.

Hi lesia,

Please remove previous code and use below one:

[class*="wd-header-search-form"].wd-search-form {
    flex: 0 1 auto;
}

Regards,

Perfect, thanks!

Hi lesia,

First of all, take my apologies for the delay in answering because of the weekend.

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts