How to align search box with the site title in header

[tonyc]

I’m building my website with Weaver Xtreme Plus. I’d like to align search box with the site title on the left horizontally in header area. How do I do it? Thanks!

[scrambler]

Do you mean you want the search Icon to be aligned left with the title and above it?

if so add the rule below in Main options > Fonts & Custom > Custom CSS Rule box

#header-search .search-form {right:auto;left:2%;}

And increase the Y% value of the Title position to 3% to make space for it

[tonyc]

Sorry for not explaining clearly. I mean moving the search box down little bit to align with the site title. Your quick reply is really helpful. I finally solved the problem by adding following code in Main options > Fonts & Custom > Custom CSS Rule box. It seems to work well.

#header-search .search-form {padding:26px 10px 26px 32px;}

Thanks!

[scrambler]

the search icon is positioned with

#header-search .search-form {top:5px;right:10px;}

So the simplest way to reposition it is to use the same rule with different values

#header-search .search-form {top:35px;right:20px;}

[tonyc]

I’m not familiar with coding. Your answer is much better. Thank you for your great service!

[Author]

Posts