move the search module

Hello and many compliments for yr. work.
I would like to move the search form below the topmenu and align it with the logo (see the pic in attachment).

You can see the site at http://www.center-net.it/geoco/

Thx in advance.

Hi,
Two solutions:
1) Simple but not perfect

Code: Select all

#gkSearch  { float:right;}

geo-serach.png

2) Little bit harder, but fine
Change search module position from "search" to "topmenu"
then
add #mod-search-searchword after ,

In template file style1.css line 52
after change must be:

Code: Select all

#gkSearch #mod-search-searchword, #mod-search-searchword {
    background-image: url("../images/style1/search_bg.png");
}

template.css line 279
after change must be:

Code: Select all

#gkSearch #mod-search-searchword, #mod-search-searchword {
    -moz-box-sizing: border-box;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/style1/search_bg.png");
    background-origin: padding-box;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: auto auto;
    width: 350px;
}

Upss, I forgot about small top margin, try this:

Code: Select all

input#mod-search-searchword  {margin-top:10px;}

Thx Pawel.
where I have to add the last string?

Upss, I forgot about small top margin, try this:

Code: Select all

input#mod-search-searchword  {margin-top:10px;}