Archived topic

Search field next to the logo

3 replies · Started by webcréateur on September 22, 2019

Viewing posts 1–4 of 4

September 22, 2019 at 4:39 am #1015769

Hi there,

we are going go use the search Plugin Ivory search.
https://wordpress.org/plugins/add-search-to-menu/

Ivory search has shortcodes to be able to place search field/icon anywhere.

We would like to place the search field next to the Logo.
For that I created a Hook with elements and select "after_logo". But Logo moves up then.

Is there a way to place the search field at the same height as the header logo without moving the logo up or down and enlarging the header area?

September 22, 2019 at 4:46 am #1015774

Hi there,

if you can give your DIV container a class eg. menu-search then some CSS like this:

@media (min-width: 769px) {
    .menu-search {
        float: right;
        margin-top: 20px;
    }
}

September 22, 2019 at 4:52 am #1015778

@David

Thank you very much!

September 22, 2019 at 5:00 am #1015782

You're welcome

This archived topic is closed to new replies.