Search area not appearing in a row

Question

I am trying to make this search area appear in row with the menu but I am unable to achieve it. Please guide me. Thanks.

<?php get_search_form(); ?>

Please post your markup. you'd think with 3000+ rep you'd know how to ask a good question by now :( — jbutler483, Jan 20 '15 at 10:15

score 1 · Accepted Answer · answered Jan 20 '15 at 10:21

1

#branding #searchform {
clear: left;
margin-top: -31px;
}

try this it will work

answered Jan 20 '15 at 10:21

Junaid Ahmed

630
1
7
15

score 0 · Answer 2 · answered Jan 20 '15 at 10:01

0

try taking your "searchform" out of your "header-wrapper" div

answered Jan 20 '15 at 10:01

Ayrad

3,766
7
38
81

try to move it below the hr – Ayrad Jan 20 '15 at 10:09

score 0 · Answer 3 · edited May 23 '17 at 12:29

Firstly, your div class main-menu-container-menu is collapsed. This container is unecessary in my view, but if you want to keep it, take a look at this problem. A good solution is the famous "clearfix".

Let us know the result and we can gide you from there. But make sure you perform this first step.

I suppose you will have to change the display:block by display:inline-block, for this same div.

Search area not appearing in a row

3 Answers3