Assistance with Search Form and Column Width Adjustment

Dear WoodMart Support Team,

We need assistance with adjusting the layout on our website (https://milliquest.com/). Specifically:

Search Form Width:
We want to decrease the width of the search form to create more space in the navigation bar.

Column Width Adjustment:
The column containing the search form and CTA button also needs to be reduced in width.

The issue is that on larger screens, the navigation menu is being divided into two lines (refer to the attached screenshots for clarification).

We were unable to locate an option for these adjustments in the backend settings, so we kindly request custom CSS to resolve the issue.

Thank you for your assistance!

Attachments:

You must be logged in to view attached files.

HIGH PRIORITY

GUYS IT HAS BEEN 24 HOURS. NEED A RESPONSE

[Aizaz Imtiaz Awan]

Hello,

Please use the below custom CSS code and paste it to Theme Options >> Custom CSS >> Desktop CSS section:

.whb-9x1ytaxq7aphtb3npidp, .searchform { 
width:200px; 
} 
[class*="wd-header-search-form"] input[type='text'] {
 min-width: 100px !important;
 }

 .whb-column>.info-box-wrapper, .wd-header-text, .whb-column>.wd-button-wrapper, .whb-column>.wd-social-icons, .wd-header-html { 
Width:100px;
 font-size: 10px;
 }
 .whb-sgidsz280aol2cqsn4ew.wd-button-wrapper a {
 font-size: 10px;
 }

Best Regards

• This reply was modified 21 hours, 53 minutes ago by Aizaz Imtiaz Awan.

We applied this and it looks like this now, the button is breaking and there is a unnecessary border around the search form.

Attachments:

You must be logged in to view attached files.

Hello,

Could you please provide the screen size of the device where this issue occurs? This will help us better understand the situation and provide an appropriate solution.

Best Regards

[Author]

Posts