reducing space

Hi

Does anyone have any idea as to how to reduce the space shown in the attached picture? I am assuming that the search bar is kicking the logo down which in turn kicks the page down.

screenshot_searchbar_2011-11-02.jpg

Any help would be awesome, thanks

It would help if you can post a live link to your website...

Unfortunately I can't, the site isn't live yet. Is there any information I could give that might help? It is corporate 2 template on j1.5

Looking at demo website for 1.5 version try below.
Find File: "/templates/gk_corporate2/css/template.css"
Find Line: 127
Which is below, change 30px to lower value for space between top edge and search toolbar.

Code: Select all

#gk-toolbar {
    color: #6C6459;
    margin: 30px 0 10px;
    overflow: hidden;
}


Or you can enable CSS Override from templates features > dev section and edit override.css and add below code

Code: Select all

#gk-toolbar {
    margin: 30px 0 10px;
}


Yeah I played around with that a little earlier... Unfortunately the 30px or so isn't enough.... Have you any suggestions for if I want the search bar to come down to the same level as the logo so it sits just on top of the main navigation menu... then I guess all that space would close up automatically?

Well if you can get your site online even for temporary time then we can suggest alternatives but otherwise looking at demo website it is nothing else to suggest as you are using extra lines for language tools etc...

Ok so I have solved it for now. I have no idea why it happened in the first place but below are the areas I had to edit.

Header_top_space_removal.jpg

In the green area I reduced the 30px margin down to 5px, bringing the search bar closer and then I realised that the "toolbar" area stretched across the width of the page, which was kicking the logo down so I restricted its width to 300px

Code: Select all

#gk-toolbar { margin:5px 0 10px 0; overflow:hidden; color:#6c6459; float:right; width:300px;}

In the blue area my top margin was set to 65px so I reduced it to 10px and in the red area I added a top-margin of 45px to the logo..

This has fixed my problem for now but I won't be surprised if it turns round and bites me in the ass... If anyone has any suggestions for a more tidy solution please feel free to comment.

Many thanks for you help Norman.

Actually the red highlight should have been 1 line down on h1.logo

No problem at all regarding helping.

Just for information there are few types of possibility to use Logo on Gavicks templates , which are normal text , default logo location in stylex.cc and image selection or logo selection in template feature options. Each has its own CSS code so as long as you don't change your logo usage style then i dont think there will be any problems...


See you around.