Plugin Author
ILLID
(@mihail-barinov)
Hello,
To place search form to the middle please use following style
#topbar-search .aws-container .aws-show-clear .aws-search-field {
top: 9px;
}
About making search form wider – it is limitation of your theme. By default search form in the header placed inside container that can have maximum 50% width of the page.
You can change this but in this case you will need to make some changes in your theme markup
Find in your theme lined like
<div id="topbar" class="topclass">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 kad-topbar-left">
.....
</div><!-- close col-md-6 -->
<div class="col-md-6 col-sm-6 kad-topbar-right">
..... </div>
</div> <!-- close col-md-6-->
</div> <!-- Close Row -->
</div> <!-- Close Container -->
</div>
and change them to
<div id="topbar" class="topclass">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 kad-topbar-left">
.....
</div><!-- close col-md-4 -->
<div class="col-md-8 col-sm-8 kad-topbar-right">
..... </div>
</div> <!-- close col-md-8-->
</div> <!-- Close Row -->
</div> <!-- Close Container -->
</div>
Hi,
Great, form position’s already in the middle.
But the form width was still the same when I applied your code in the theme template header-topbar setting the, do you have any suggestion?
Thanks and Regards
Plugin Author
ILLID
(@mihail-barinov)
As I see I don’t change template markup as I describe above. It is still the same.
Maybe theme has another template where you need to make changes?
Regards
Yes, I already fixed that, it’s wider now. Many thanks for your support anyway.
Cheers and have a good day.
