Archived topic

Center search box widget in header

1 reply · Started by Gregory on October 9, 2017

Viewing posts 1–2 of 2

October 9, 2017 at 10:31 am #400143

Hello,

I'm using the plugin Ajax Search Box and would like to add the search box in the header between my logo (on the left) and my navigation (on the right).

When I use the header widget, it's not on the same line as the logo & nav.

How can I achieve what I want?

Here is the website : http://www.dev.forkett.com

Thank you.

October 9, 2017 at 7:43 pm #400343

The easiest way to do this would be to:

1. Set your header alignment to "center".

2. Add this CSS:

.header-widget {
    float: none;
    width: auto;
    max-width: 100%;
    display: inline-block;
}

Then adjust the width to whatever you need :)

This archived topic is closed to new replies.