How to reduce size of search box

Hi, i want to reduce size of search box so that i can add more menu.
Please help me on this regards.

Rk .

 

Hello,

If you want menu in a single line, then you will make dropdown menu as much as possible, It will solve your issue.

For creating dropdown all you have to do is add new pages name them (for eg. submenu 1, submenu 2)then select Menus option (Appearance > Menus) and follow instruction given in image

 

Thank you for your replay Gourav,
yes i can make dropdown menu, but i want to reduce the size of Search box if it is possible, so it will fit my all need inline.
Please help me in this regards,
Thak you,
RkSingh

 

Hello,

Go to header.php present in your theme directory and follow the instruction as shown in image given below




Now,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.top-search .searchform{
width:130px;
}
.top-search .searchform input[type="text"] {
width: 100px;
}

This will solve your issue.

 

Thanks Gaurav,
It is working fine and solved my issue.

Regards,
Rk