1.5.4.1 default theme menu moved to right, how to fix?

[vekia]

THIS IS FIX FOR DEFAULT TEMPLATE

it usually works for default theme modifications, sometimes it is necessary to apply other changes

let us know if so - community members will help you here

 

Have you got troubles with your prestashop template after updating to 1.5.4.1 version? There is a quick fix for the "menu on right" issue. For the first, you have to open the themes directory. Open the header.tpl file located in your theme. You've got there something like:

 

 

<div id="header_right" class="grid_6 omega">
{$HOOK_TOP}
</div>

 

all you have to do is to use grid_9 instead the grid_6:

 

 

<div id="header_right" class="grid_9 omega">
{$HOOK_TOP}
</div>

 

 

 

if you've got troubles with the logo (white space between the menu and top of the page) you can follow @nadie solution:

 

open the file:

 

themes/your_theme/css/global.css

 

look for:

 

#header_logo {
float: left;
display: block;
margin-top: 30px;
}

 

 

change it to:

 

#header_logo {
position: absolute;
top: 30px;
z-index: 1;
}

[nadie]

Have you got troubles with your prestashop template after updating to 1.5.4.1 version? There is a quick fix for the "menu on right" issue. For the first, you have to open the themes directory. Open the header.tpl file located in your theme. You've got there something like:

 

 

<div id="header_right" class="grid_6 omega">
{$HOOK_TOP}
</div>

 

all you have to do is to use grid_9 instead the grid_6:

 

 

<div id="header_right" class="grid_9 omega">
{$HOOK_TOP}
</div>

 

http://www.prestashop.com/forums/index.php?/topic/242657-problema-con-top-menu-y-barra-de-busqueda/page__view__findpost__p__1200499

[vekia]

if you've got troubles with the logo (white space between the menu and top of the page) you can follow @nadie solution:

 

 

open the file:

 

themes/your_theme/css/global.css

 

look for:

 

#header_logo {
float: left;
display: block;
margin-top: 30px;
}

 

 

change it to:

 

#header_logo {
position: absolute;
top: 30px;
z-index: 1;
}

[ZeroCard]

Thank you just fixed it!

[balutten]

is only to the site?

[vekia]

sorry, i don;t understand what you mean

[libelle]

unfortunately this it not the final and universal solution. After this easy correction my webpage became totally blank.

[vekia]

unfortunately this it not the final and universal solution. After this easy correction my webpage became totally blank.

 

can you please paste the url to your website? It's really weird that your page becomes blank, because it's only css fix, no source edition...

 

regards

[benjamin utterback]

unfortunately this it not the final and universal solution. After this easy correction my webpage became totally blank.

 

This solution seems to have worked for multiple people. I also tend to trust Vekia with matters like these, are you sure you followed the instructions correctly?

[Cornel_M]

Hi!

 

after this fix, my horizontal top menu goes back to center, but my shopping cart from header goes down, below site logo.

 

look here www.alt-air.ro

 

thx!

[vekia]

Hi!

 

after this fix, my horizontal top menu goes back to center, but my shopping cart from header goes down, below site logo.

 

look here www.alt-air.ro

 

thx!

 

hello, its because your template is modified a bit.

 

here is the solution:

 

open global.css located in your theme, then add/change:

 

#header {height:150px;} and to:

 

#header_right {

position: absolute;

left: 0px;

top: 20px;

}

[Cornel_M]

hello, its because your template is modified a bit.

 

here is the solution:

 

open global.css located in your theme, then add/change:

 

#header {height:150px;} and to:

 

#header_right {

position: absolute;

left: 0px;

top: 20px;

}

 

many thanks!

 

work fine with this:

 

#header {

height:150px;

}

 

#header_right {

position: relative;

left: 0px;

top: -50px;

}

 

have a nice day!

[Mactoub]

I had same problems, this works for me:

 

#header_logo {

position: absolute;

top: 30px;

z-index: 1;

}

 

#header_right {

position:relative;

float: right

}

 

This problem disappeared on main page, but not from page categories,

http://www.100wattu.cz/4-led-zarovky-g4

 

Do someone knows where is the problem?

 

Thank you

[vekia]

 

 

This problem disappeared on main page, but not from page categories,

http://www.100wattu....-led-zarovky-g4

 

Do someone knows where is the problem?

 

Thank you

 

hey i checked your website and it looks the same on each page,

 

categories = homepage = products = etc

 

problem solved?

[Mactoub]

to vekia:

thank you for your answer I appreciate that.

I need to have my web, like this: http://www.100wattu.cz/content/7-o-nas

 

but on the main site http://www.100wattu.cz/, is litle bit logo moved up and top menu down.

 

I dont know, which all files must I change and how? Now I trying to change just global.css from theme file.

[Mactoub]

to vekia:

now the sites looks same, but i need the logo down and top menu up

[vekia]

Hey, I can't figure out what you exactly expect because page (two links you pasted) looks the same.

 

"O Nas" http://i.imgur.com/kb1kUUZ.png

"Homepage" http://i.imgur.com/Lt7O45s.png

 

 

if you want to move logo down, use the: (for #header_logo)

 

position:absolute;
top:30px;

 

if you want move menu, use the: for (#header_right)

position:absolute;
top:0px;
left:0px;

 

and you need to add height param for the #header

height:160px;[/color]

[Mactoub]

I am soory, I did some changes during you see it.

Now it looks much better with this code:

 

#header {position:relative; background: url(../img/hornimenu7.png) no-repeat top}

 

#header_logo {

position: absolute;

top: 30px;

}

 

#header_right {

position:relative;

float: right

}

 

Just one little problem. If I go over the logo by mouse, there used to be the link to main page, but now is lost.

Maybe you know which code I lost?

 

Thank you

[vekia]

I am soory, I did some changes during you see it.

Now it looks much better with this code:

 

#header {position:relative; background: url(../img/hornimenu7.png) no-repeat top}

 

#header_logo {

position: absolute;

top: 30px;

}

 

#header_right {

position:relative;

float: right

}

 

Just one little problem. If I go over the logo by mouse, there used to be the link to main page, but now is lost.

Maybe you know which code I lost?

 

Thank you

 

it's easy to fix, just add the:

 

z-index: 2;

 

to the #header_logo

 

should help

[Mactoub]

Now it works properly.

 

Thank you for your answers, it raelly helped me.

[vekia]

you're welcome

feel free to write if you've got any other questions

[lob]

My menu won't go under my logo.

 

Where do I need to change this and what is the code?

 

Thanks

 

www.djstore.nl

[vekia]

My menu won't go under my logo.

 

Where do I need to change this and what is the code?

 

Thanks

 

www.djstore.nl

 

modules/blocktopmenu/css/superfish-modified.css

line ~2:

 

.sf-contener {
clear: both
}

 

add: margin-top: 110px;

 

.sf-contener {
clear: both;
margin-top: 110px;
}

[lob]

modules/blocktopmenu/css/superfish-modified.css

line ~2:

 

.sf-contener {
clear: both
}

 

add: margin-top: 110px;

 

.sf-contener {
clear: both;
margin-top: 110px;
}

 

Super!

You are great!

Thanks very much!

 

Regards

[vekia]

Super!

You are great!

Thanks very much!

 

Regards

 

you're welcome :-)

happy that i could help

[vzero]

Hello,

I found that the updated had changed the blocktopmenu.tpl file.

 

Before it was closing the #header_right div then putting in the top menu.

 

In my opinion this is the correct way to do it.

 

Here is the old file that I have now put into the overrides in my theme:

/THEMENAME/modules/blocktopmenu/blocktopmenu.tpl

 

{if $MENU != ''}
</div>

<!-- Menu -->
<div class="sf-contener clearfix">
<ul class="sf-menu clearfix">
{$MENU}
{if $MENU_SEARCH}
<li class="sf-search noBack" style="float:right">
<form id="searchbox" action="{$link->getPageLink('search')}" method="get">
<p>
<input type="hidden" name="controller" value="search" />
<input type="hidden" value="position" name="orderby"/>
<input type="hidden" value="desc" name="orderway"/>
<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />
</p>
</form>
</li>
{/if}
</ul>
<div class="sf-right"> </div>

<!--/ Menu -->
{/if}

 

As you can see the files starts with a closing div tag which is closing the #header_right div. Then opens up a new one for the menu.This fixed the error without having to resort to creating new hooks or doing absolution positioning on the menu. Much cleaner code overall.

[cheapweb]

Hi

 

I think i tried all possible combinations and none of them worked Ok.

 

This is the best I could get it, but now my logo is on the far right side:

#header {position:relative}

#header_logo {

position:absolute;

top:30px;

 

}

}

 

}

 

#header_right {

position:relative;

float: right

}

 

Can anybody help with this?

[vekia]

As you can see the files starts with a closing div tag which is closing the #header_right div. Then opens up a new one for the menu.This fixed the error without having to resort to creating new hooks or doing absolution positioning on the menu. Much cleaner code overall.

 

hey

 

thanks for the info, i will check it once again and test. If it will work - I will put the solution in the first post

 

Hi

I think i tried all possible combinations and none of them worked Ok.

 

hello, please paste the url to your website

[cheapweb]

Hi

 

Sorry forgot

 

http://www.kauram.com/store

[vekia]

Hi

 

Sorry forgot

 

http://www.kauram.com/store

 

thanks for the url

 

i checked your shop and it looks fine: http://i.imgur.com/zppVLQc.png

 

i think that this is cache problem in your web browser. Please - do hard refresh (ctrl + f5) and if this doesnt work - clear cache and then refresh your website

[Rhapsody]

Try adding left:0px; in the global.css file (I annotated the quoted post below with it).

 

Hi

 

I think i tried all possible combinations and none of them worked Ok.

 

This is the best I could get it, but now my logo is on the far right side:

#header {position:relative}

#header_logo {

position:absolute;

top:30px;

left:0px;

}

}

 

}

 

#header_right {

position:relative;

float: right

}

 

Can anybody help with this?

Edited May 1, 2013 by Rhapsody (see edit history)

[cheapweb]

Hi all

 

I can see the photo you posted vekia and it is really strange because I use CCcleaner several times and the problem percists on Chrome,Expolrer and Firefox.

 

BUT using the left:0px; adde to header_logo suggested by rapsody helped.

 

thx

[jopawa]

Thank you, does the job!

[adultsavenue]

Thank you for your help.It Works!!

[schnappi]

Can someone clairfy...

 

Is the issue being disucssed here the same issue that I posted a thread about below?

 

http://www.prestashop.com/forums/topic/245219-1541-default-theme-issue/page__p__1215118#entry1215118

[vekia]

it might be the same issue, can you provide an url to your website?

[ConteVlad]

Is it possible to move logo in the center of the header, maybe changing absolute?

[vekia]

Is it possible to move logo in the center of the header, maybe changing absolute?

 

hello of course it is possible, but all of this depends on your logo size. If it is possible - please create separate thread for your question

 

regards

[ConteVlad]

Thank you very much! I will create a new thread.

[vekia]

Thank you very much! I will create a new thread.

 

thanks, if it will be available, please send me an url to it - i will try to help you

[dformica]

I upgraded from 1.5.4.0 to 1.5.4.1 and I see the same issue: top horizontal menu moved to the right as well as the search bar.

I don't have any customizations on my default template.

[vekia]

I upgraded from 1.5.4.0 to 1.5.4.1 and I see the same issue: top horizontal menu moved to the right as well as the search bar.

I don't have any customizations on my default template.

 

You can read solution in first post in this thread

[dformica]

Yes, thank you. I did. Perfect step by step solution.

[vekia]

Yes, thank you. I did. Perfect step by step solution.

 

Thanks for the information that it works for you :-) If you've got any other questions related to this issue - feel free to continue discussion here

 

regards

[schnappi]

it might be the same issue, can you provide an url to your website?

 

In prior default templates (even as late as 1.5.4) the header logo would not overlap...rather it would just push the rest of the page down.

 

(I don't know what in the world is wrong with this (full screen screenshot) image hosted on tinypic but the point is still illustrated even without the whole image loading).

 

 

Edited May 8, 2013 by schnappi (see edit history)

[vekia]

hey @schnappi

thanks for your message.

I've got one question: this logo problem appear without any reason? or you changed something?

As you said - this is default tempalte - but also without modifications?

[schnappi]

hey @schnappi

thanks for your message.

I've got one question: this logo problem appear without any reason? or you changed something?

As you said - this is default tempalte - but also without modifications?

 

It is the default 1.4.5.1 template without modifications. The problem occurred after upgrading from 1.5.4 to 1.5.4.1 (and upgrading the default template as well).

[nadie]

In prior default templates (even as late as 1.5.4) the header logo would not overlap...rather it would just push the rest of the page down.

 

(I don't know what in the world is wrong with this (full screen screenshot) image hosted on tinypic but the point is still illustrated even without the whole image loading).

 

 

 

Try.

 

add padding-top "to"

 

.sf-contener

 

in

 

modules/blocktopmenu/css/superfish-modified.css

 

Sorry for my English.

[vekia]

It is the default 1.4.5.1 template without modifications. The problem occurred after upgrading from 1.5.4 to 1.5.4.1 (and upgrading the default template as well).

 

here is a similar thread to yours (the same issue - weirdy position of logo after update) http://www.prestashop.com/forums/topic/244712-solved-header-image-issues/page__p__1212570#header_logo&fromsearch=1&?do=findComment&comment=1212570

[Moinsde2Euros]

Hello

I was wondering if PrestaShop Superstar would help me.

I am new to this and as you can guess I am having the same problems as everyone else with the top bar and recherche bar going to the right and not centered.

I have looked through what I am supposed to do, but I have no idea where i have to go to change to 6 to a 9.

PLEASE PLEASE HELP ME!

my website is www.moinsde2euros.com

Thanks

[vekia]

Hello

I was wondering if PrestaShop Superstar would help me.

I am new to this and as you can guess I am having the same problems as everyone else with the top bar and recherche bar going to the right and not centered.

I have looked through what I am supposed to do, but I have no idea where i have to go to change to 6 to a 9.

PLEASE PLEASE HELP ME!

my website is www.moinsde2euros.com

Thanks

 

hello

 

all you have to do is to change the header.tpl file located in your theme directory. If you've got any questions related to this issue - feel free to write

 

regards

[Moinsde2Euros]

hello

 

all you have to do is to change the header.tpl file located in your theme directory. If you've got any questions related to this issue - feel free to write

 

regards

 

I must be really dumb but I don't know where the header.tpl file is.

[vekia]

in your prestashop root directory you've got /theme/ dir

open it and if you use default prestashop template - open next directory /default/

 

you've got there header.tpl file - open it in text editor (for example notepad in windows) and search for code that I mentioned in my first post here

[Moinsde2Euros]

I am in my backoffice, how do I get to my root directory?

[vekia]

You cant find this file in back office.

You have to connect with your FTP server to get this file.

Have you got possibility to connect with FTP ?

[Moinsde2Euros]

FTP?

My server is with Ikoula. Is that it?

[Moinsde2Euros]

You cant find this file in back office.

You have to connect with your FTP server to get this file.

Have you got possibility to connect with FTP ?

 

FTP?

My server is with Ikoula. Is that it? I'm really lost

[Moinsde2Euros]

You cant find this file in back office.

You have to connect with your FTP server to get this file.

Have you got possibility to connect with FTP ?

 

I DID IT!! With a little brain power and with your help, I managed to fix it!!

Thank you very much! :)

[vekia]

I DID IT!! With a little brain power and with your help, I managed to fix it!!

Thank you very much! :)

 

You're welcome :-) Glad to hear that I could help you.

 

www.moinsde2euros.com - i checked your website, but it looks like you've got still issue with logo (to much white space between logo and menu)

[Moinsde2Euros]

You're welcome :-) Glad to hear that I could help you.

 

www.moinsde2euros.com - i checked your website, but it looks like you've got still issue with logo (to much white space between logo and menu)

 

Yes, I have seen it and I am working on it now. Is the code :

#header_logo {

position: absolute;

top: 30px;

z-index: 1;

}

[Moinsde2Euros]

You're welcome :-) Glad to hear that I could help you.

 

www.moinsde2euros.com - i checked your website, but it looks like you've got still issue with logo (to much white space between logo and menu)

 

I managed to move the bar up, but it went too far up, under my logo.

How do I bring it down please?

[vekia]

hello

 

now it looks like that:

 

 

in my opinion it looks nice, you still want to move menu down?

[Moinsde2Euros]

hello

 

now it looks like that:

 

 

in my opinion it looks nice, you still want to move menu down?

 

I think I will leave it like it is. Thanks agaon for your help.

I've certainly learned a lot in the past few hours!

Keep up the good work

[vekia]

I think I will leave it like it is. Thanks agaon for your help.

I've certainly learned a lot in the past few hours!

Keep up the good work

 

Now you can create own themes ;-)

regards

[Swickaar]

I saw that everyone was helped. My condition is better after applying the fix. Still things are not perfecr. Please see www.buy0atbrands.com (remove 0)

 

Used solution

 

#header {

height:150px;

}

 

#header_right {

position: relative;

left: 0px;

top: -60px;

}

 

I think still something is missing in my case. Please help if any

[vekia]

#header {
height: 150px;
}

 

decrease value of height, for example: 120px;

 

#header_right {
position: relative;
left: 0px;
top: -60px;
}

 

decrease top:-60, for example: top:-90px;

[antoniskp]

Hello, after trying out the modifications you proposed i lost the cart and the user login links . Any ideas?

Thanks in advance.

 

http://xylon.ro/apresta/ro/

[vekia]

have you got any screenshot which shows how you page looks before the modification?

[antoniskp]

unfortunately not. Only if i try to restore to 1.5.4.0 if it works but the page looked exactly like the default template.No modifications in templates or css or any code.I only modified the css after the menu bar problem after the upgrade to 1.5.4.1. I think the cart is hidden below the right menu. This problem appeared after i modified some text in home text editor module and deleting its logo from the BO.

 

I rolledback and fixed this way. Thanx anyways.

Edited May 15, 2013 by antoniskp (see edit history)

[lesrima88]

Hi vekia ,i managed to fix the overlapping problem, but now i want to align the header logo just above the search bar,as you can see there is a white space between the two,how do i fix this? my website is www.myzawadi.com

 

here's the header code that i'm currently using

 

#header {position:relative}

#header_logo {

position: left;

top: 30px;

z-index: 1;

}

 

#header_right {

position:relative;

float: right

}

[vekia]

http://i.imgur.com/PJ1293L.png

this is what you've got now

 

and what you expect? wher eyou want to move the logo?

[lesrima88]

http://i.imgur.com/PJ1293L.png

this is what you've got now

 

and what you expect? wher eyou want to move the logo?

 

i want to move it down so that its alligned with the search bar ,as you can see there's a white space between the two ,i want to close that gap between them

[vekia]

global.css line ~554

 

add top:-50px to the:

 

#header_right {
position: relative;
float: right;
top: -50px;
}

 

let me know if this is what you expect remember that you can manipulate with top: value, you can increase / decrease it

[lesrima88]

global.css line ~554

 

add top:-50px to the:

 

#header_right {
position: relative;
float: right;
top: -50px;
}

 

let me know if this is what you expect remember that you can manipulate with top: value, you can increase / decrease it

 

thanks!!! worked perfectly

[vekia]

you're welcome

 

im glad that i could help you in this case

 

feel free to write if you've got another questions related to this issue

 

regards

[El Patron]

Hi vekia, et. all.

 

Could you look at this problem posted here: this is a vanilla 1.5.4.1 with default theme in catalog mode.

 

http://www.prestashop.com/forums/topic/251455-fyi-1541-default-theme-catalog-mode-mis-aligned-header/

 

thanks in advance for your time and expertise.

 

Fred

[vekia]

hello,

 

i checked your topic and posted solution there

hope it helps

 

regards

[playgamemy]

Hi,

I have very limited knowledge on html and css, applied fix with following code

 

#header {position:relative}

#header_logo {

position: absolute;

z-index: 1;

}

 

 

#header_right {

position:relative;

float: right

top:30px;

}

 

 

I am happy with the position of logo without the top 30px margin

yet i tried to add the top 30px on header _right (or even more pixel) trying to push the menu bar downward so it will not overlap with my logo, yet it doesn't move.

 

I don't know what is wrong and any solutions will help.

url: http://novelnovelty.com

Thanks,

Nick

[vekia]

add margin-top: 150px; to:

 

.sf-contener {
clear: both;
margin-top:150px;
}

 

this will help you, here is the effect:

 

[shekh farid]

pls help me

 

My logo get over the search Box....

Can I reduce the logo width.......

I try the logo create in low height and width then uplode....but the logo automatically In big size and get over the search box.....

 

my current global.css code is

#header_logo {

position: absolute;

top: 30px;

z-index: 1;

}

 

#header_right {

position:relative;

float: right

[vekia]

pls help me

 

My logo get over the search Box....

Can I reduce the logo width.......

I try the logo create in low height and width then uplode....but the logo automatically In big size and get over the search box.....

 

my current global.css code is

#header_logo {

position: absolute;

top: 30px;

z-index: 1;

}

 

#header_right {

position:relative;

float: right

 

 

i want to help you of course But please - paste the URL to your store - i will check it and then - give you solution

[vekia]

After this easy correction my webpage became totally blank.

 

it isn't possible, please paste your header.tpl code i will check it ASAP!

[onurb123]

done

Edited June 8, 2013 by onurb123 (see edit history)

[vekia]

hi

i nead some help to . with another problem in contact form page .

 

http://komersus.com/pt/contactenos

e whant it to look like this http://themes.presta.../contactez-nous

 

can somebody help me fix it .

 

thanks

 

 

hello

 

this issue isn't related to this thread. I suppose that problem is a bit different.

I need more informations, this issue appear after update? or witthout any reason?

[onurb123]

done .

thanks

Edited June 8, 2013 by onurb123 (see edit history)

[deepee]

Have you got troubles with your prestashop template after updating to 1.5.4.1 version? There is a quick fix for the "menu on right" issue. For the first, you have to open the themes directory. Open the header.tpl file located in your theme. You've got there something like:

{$HOOK_TOP}

all you have to do is to use grid_9 instead the grid_6:

{$HOOK_TOP}

if you've got troubles with the logo (white space between the menu and top of the page) you can follow @nadie solution: open the file: themes/your_theme/css/global.css look for:

 #header_logo { float: left; display: block; margin-top: 30px; } 

change it to:

 #header_logo { position: absolute; top: 30px; z-index: 1; } 

 

I had to change the header_logo position to 0px as it was still partly covering the menu bar after changing its position to grid_9

Edited June 12, 2013 by deepee (see edit history)

[vekia]

but now, after changes, everything work as you expect?

[Festival Trade]

Hello I start a topic about the Horizontal menu and search bar in other board but i found this one to be the right place to post. Can you "one of the moderators" delete that post for I can keep the "horizontal menu bar" issues in the same place ? Thanks.

http://www.prestasho...ch-bar-problem/

 

 

I have a problem in my horizontal menu (shadow and search bar placement)

I try everything but I can not solve this issue.

 

Prestashop 1.5.4.1

http://www.festival-trade.com

Horizontal menu problem:

* Shadow displaced

* Search bar displaced

* Horizontal menu displaced

 

I did remove the shop logo to be sure nothing is forcing the menu to come down.

Please see image for reference.

Your help will be appreciated.

Edited July 4, 2013 by festival-trade (see edit history)

[vekia]

i think that your issue is a bit different that issue described and fixed here, so i will not remove your thread

[Festival Trade]

Sorry !

[onlychintan]

Hi vekia ,

 

Thansk for the solution ...

I have solved one problem but now I have another problem to solve.

 

My current global.css values are set as below but the distance between top horizontal bar and my logo is huge . I have tried many things but nothing is working out,

 

 

 

#header {position:relative}

#header_logo {

float: left;

display: block;

margin-top: 30px;

}

 

#header_right {

position:relative;

float:right

top: -60px;

}

[vekia]

your website is online? im asking because when i tried to access your store (i've got URL from the picture) i've got 404 error

[onlychintan]

Now its available. Please ckeck

[vekia]

you have to change several things

 

first one:

for header_logo use this code:

#header_logo {
position: absolute;
top: 0px;
z-index: 1;
}

 

second:

increase margin top value for:

.sf-contener {
clear: both;
margin-top: 190px;
}

(/modules/blocktopmenu/css/superfish-modified.css)

[onlychintan]

You are genius ..... worked very well. Thanks a lot for help. www.martmaxima.com

[vekia]

you're welcome

Im glad that i could help you

 

if you've got any questions - feel free to ask

 

regards

[Yo Mirpuri]

Vekia, than

ks a lot. It works and looks fine.

[vince670]

Hi VekiaI

I apply this code to global css

hello, its because your template is modified a bit.

 

here is the solution:

 

open global.css located in your theme, then add/change:

 

#header {height:150px;} and to:

 

#header_right {

position: absolute;

left: 0px;

top: 20px;

}

and the problem is almost fixed

now I have to much empty space between

the logo and the horizontal menu bar.

Can you give me a hint!

thank you

[seow]

hi,

my website is http://www.airsoftlipo.com/index.php

and as your see i have a problem with the header logo, how do i change this to it being to the left?

 

this is my code:

 

 

 

/* ************************************************************************************************

HEADER

************************************************************************************************ */

#header {position:relative}

#header_logo {

position: absolute;

top: 0px;

z-index: 1;

}

 

/* ************************************************************************************************

Edited July 14, 2013 by seow (see edit history)

[vekia]

Hi VekiaI

I apply this code to global css

hello, its because your template is modified a bit.

 

here is the solution:

 

open global.css located in your theme, then add/change:

 

#header {height:150px;} and to:

 

#header_right {

position: absolute;

left: 0px;

top: 20px;

}

and the problem is almost fixed

now I have to much empty space between

the logo and the horizontal menu bar.

Can you give me a hint!

thank you

 

sure can you give me your website url address?