Position gk_search [SOLVED]

Guys,

i need put gk-search above mega menu. Someone help me?

Thanks!

For example:

please send me your www and i look at it.

i guess the reason the search module is up there, is because the logo has been pushed up because of a to long menu... what i would do if that's the case, is to move the logo a bit by using this code:

Code: Select all

h1.logo { position:absolute; top:-10px }


if that is not the case, then i need the www to play with it

Explodedk,

Thanks for help. My website is: www.abrilonline.net . Your code not functionally.

remove the changes you did before for the gk-nav, and add this in the end of templates.css insted.

Code: Select all

h1.logo { position:absolute; top:-10px; }
#gk-nav { float:left; margin:80px 0px 10px 0px; width:1200px; }
#gk-search { float:right; width:100px; position:absolute!important; margin-top:55px; margin-left:1017px; }


gives me this in firebug:

Thanks explodedk,

My code inserted:
h1.logo { position:absolute; top:30px; }
#gk-nav { float:left; margin:130px 0px 10px 0px; width:804px; }
#gk-search { float:right; width:10px; position:absolute!important; margin-top:105px; margin-left:619px; }

Resolved problem for video dimensions 1024 x 768 , but dimension 1366 x 768 it´s problem . Not exist one code for gk-nav AUTO dimension?

Thanks
Image view:

use this for the nav insted.

Code: Select all

#gk-nav { float:left; margin:130px 0px 10px 0px; width:-moz-available; }


will auto resize to the width of the template...

how ever the search is not following

i look into that aswell

hmmm i guess we need teitbite on this one.. my homemade wannabe skills aint good enuff...

Hi

Please try this way:

Code: Select all

#gk-wrapper {top:-40px!important}
#gk-nav {width: 100%!important}
#gk-search {left: 275px;}


hmmm Seichinha - will this not be a problem with smaller resolution to use a fixed pixel for left ? or what ?

Thanks Guy´s! Resolved my problem with perfection!!

as far as i can see the search is still not aligned perfectly... on my resolution the search box is placed almost in the middle..

to get the best look i would take the original templates.css file, and add this to the end of it:

Code: Select all

h1.logo { position:absolute; top:-60px; height:90px; width:175px;  }
#gk-nav { width: 100%!important}
#gk-wrapper {top:40px;}


gives the perfect look on your site...

I agree that was not the most thoughtful solution. So forget all and try this instead:

On template.css file at the end, replace this lines:

Code: Select all

h1.logo { position:absolute; top:30px; }
#gk-nav { float:left; margin:130px 0px 10px 0px; width:804px; }
#gk-search { float:right; width:10px; position:absolute!important; margin-top:105px; margin-left:619px; }
#gk-wrapper {top:40px!important}
#gk-nav {width: 100%!important}


with this

Code: Select all

h1.logo {margin-top:-50px}
#gk-nav { width:100%}
#gk-search {float: right }
#gk-toolbar {position:relative;top: 45px}


Now looks good.

Cheers

Perfect style Seichinha and explodedk!

Thanks a lot!

cheers