I apologize if this question has been asked, as I am sure it has, but I am unable to find the answer.

I am trying to add the search block next to the logo in the header. Adding the search block to the header via the Blocks Menu.

I am trying to do this with straight CSS as the only way I have been able to solve this problem is by updating template and page php files. I am afraid that doing so "breaks" the responsive nature of the search bar.

Using firebug I see that the class block-search-form seems to be very large and span the entire section of the region.


How can I use only CSS to position the search block in the center (horizontally/vertically) in the header so that the search box is to the right of the logo?

Comments

lohner’s picture

lohner CreditAttribution: lohner commented

Removing the main_menu and secondary_menu features and placing menu's in the header help to solve my problem. While I am at it I put DIV around the image so that i could control the lineup of the Logo, Search, and a Menu in the header via CSS.

JohnAlbin’s picture

JohnAlbin
he/they/他
Primary language English
Location Taipei, Taiwan
CreditAttribution: JohnAlbin at PreviousNext commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.