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

[vekia]

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;

}

 

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

 

this is how your website looks like:

 

everything looks fine (i suppose)

[vince670]

www.alafanta.com

[vekia]

to the #header_logo add:

position: absolute;

 

to the .sf-contener

margin-top:120px;

 

effect:

[seow]

this is how your website looks like:

 

 

everything looks fine (i suppose)

it looks different in my browser: firefox

[vekia]

open the global.css file and add left:0px; to #header_logo { }

 

final code:

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

[seow]

open the global.css file and add left:0px; to #header_logo { }

 

final code:

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

'thanks vekia you are too kind!

[vekia]

you're welcome

i'm glad that i could help you

if you've got any other questions - feel free to continue discussion here

 

regards

[veravalonline]

Yes its fixed, though, perfect, i had this one like 2 months back, but when i was in need, it wasnt sorted, so i finally got the perfect solution.

[levviking]

Hi, i need help with my logo.

http://www.rolecasedemarcat.eu/

 

My logo don't appear in header.

And the Top menu is under other modules.

I use the graphileom-thgr-27b theme.

 

Thank you.

[vekia]

this topic is related to the default theme

[V-5]

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;
}

 

Thanks a lot for the help...

 

Updated the site today to latest version and had same problem with the menu bar and the search box...

 

did what you mentioned and bamm! issue fixed.....

[minbarit]

Hi guys,

 

I am having a similar issue (see attach screen shot), but the code changes are already in the relevant files that you guys have used..

 

The site it www.tcscountrysupplies.com but the shop is set to maintenance mode and I can only open up temporarily. So if anyone needs to look just ask.

 

Any help would be appreciated.

 

Gareth

[vekia]

your issue is strictly related to the catalog mode, if your store run under the catalog mode it will not work. In this case you have to change additional things - your case is not related to this thread

[minbarit]

Thanks for your reply vekia, yes I see what you mean I have disabled catalog mode and all looks good again. Where can I find the details of what to change to use catalog mode please?

 

Thanks

[minbarit]

Found your post in another thread, thanks for the help vekia..

[vekia]

you're welcome btw. this bug is already fixed on forge

[eurocar]

Hello,

 

I tried already a lot of options I found in this Topic.

But none of them worked.

 

http://testdemo.euro-carrousel.nl/before.jpg

 

I changed Grid_8 (it was 8 in my file not 6) to grid_9 but it didn't work

 

now it looks like:

http://testdemo.euro-carrousel.nl/After_code.jpg

 

and it supposed to look like:

www.euro-carrousel.nl

 

Thanks

[vekia]

yea, you use defaul theme but with non-default elements like image in header

 

btw. it's really weird

 

i checked your website and it looks like:

 

 

problem solved?

[eurocar]

I'm sorry for the confusion,

 

but right now it is PS 1.5.2 on www.euro-carrousel.nl

 

and I must have the upgrade to 1.5.4 because of ean13 in the sql export, so I can make a connection with my POS system.

 

I tested this on: testdemo.euro-carrousel.nl

[vekia]

change grid_8 to grid_9 then to #header_logo just add position:absolute;

 

effect:

 

 

 

as you can see you will have to move the banner a bit to the right. after that averything will be fine.

[eurocar]

http://testdemo.euro...l.nl/After3.jpg

 

Then my homeslider gets into my header..

 

EDIT: Little mistake, did change position of header in stead of Headerlogo.

 

Now it is like you said it would be.

But how do I get my blockbanner to the right and a little more space between the logo and topmenu?

 

Thanx

Edited August 28, 2013 by eurocar (see edit history)

[vekia]

this is how it looks in chrome browser, your homeslider is in right place

[eurocar]

Yes that's right, I already made an Edit to my previous post. Don't know if you saw it.

 

But how do I get my blockbanner to the right and a little more space between the logo and topmenu?

 

Thanks again

[vekia]

change left:50px; to left:150px; in:

 

.banner {
float: left;
height: 96px;
left: 50px;
position: absolute;
top: 2px;
width: 547px;
}

 

it's a part of global.css file

[mzungu2003]

Hi,

 

I upgraded to 1.5.4.1 yesterday and had the same issues with the menu and logo. I applied the changes you recommended to the code but I still have a big white gap below the logo before the menu. I've tried all the alterations I could find in this thread but nothing seems to happen. Could someone take a look and spot something I am missing?

 

website: www.inkfinity.co.uk

 

Thanks =)

[vekia]

remove top:-50px; from

 

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

[mzungu2003]

I've done that, but it doesn't seem to have made any difference... Any other ideas?

[vekia]

it's probably because that you've got minifed CSS files (CCC option for css under preferences > performance tab)

 

you have to recompile the theme (the same tab > force compile ON)

[mzungu2003]

I've set the theme to force compile and it still doesn't seem to have solved the issue - I've also Ctrl + F5 to refresh the browser cache...

[vekia]

this is how your website looks for me now:

x

[mzungu2003]

This is how it looks for me in Chrome, IE and Firefox, even after caches have been cleared etc =S

[vekia]

really weirdy, we see different versions :|

 

btw. i tried to test your website once again and this is what i've got now:

[mzungu2003]

I think that is to do with either CloudFlare (my website is passed through a CDN) or my web host... had a couple of issues with them the last few days... the site is back up and working again now...

[vekia]

still the same, everything looks fine there:

 

 

 

make sure that you cleared cache in your browser.

[mzungu2003]

I've cleared all my browser caches and even tried viewing the site on another computer and the white space below the logo still prevails...

[PascalVG]

Eurocar,

A few small changes to make it as before (well, maybe some few more enhancements needed when you put back your slider)

to make the header the same as before:

/themes/eurocarrousel/css/modules/blocktopmenu/css/superfish-modified.css:

 

 

.sf-menu {

margin: 23px 0;

padding: 0 5px;

width: 970px;

background: none repeat scroll 0 0 #166234;

-moz-box-shadow: 0px 1px 2px #c6c6c6;

-webkit-box-shadow: 0px 1px 2px #c6c6c6;

box-shadow: 0px 1px 2px #c6c6c6;

}

 

and

 

/themes/eurocarrousel/css/global.css:

 

 

 

.banner {

float: left;

height: 96px;

left: 161px;

position: absolute;

top: 2px;

width: 547px;

}

 

 

My 2 cents,

pascal

[PascalVG]

mzungu,

on Mac-pro: Safari, Chrome, Opera, Firefox. all looks great like Vekia showed in his latest picture.

 

Just for testing purpose, can you download a browser you haven't used yet (opera or so) and check with that one??

 

My 2 cents,

pascal

[PascalVG]

mzungu,

Can you open chrome on your site, right click on header logo and select the same line as in the attached picture.

On the right, do you have position: absolute OR position:relative ??

 

If I change it to relative, I see a picture very similar to yours

 

Did you try to delete the files in /themes/default/cache?

 

pascal

[mzungu2003]

Hi Pascal,

 

When I inspect the header logo element with Chrome this is what I get:

 

 

I can't see that it says either relative or absolute anywhere in the code...

 

Edit: I've also cleared out /themes/default/cache to be sure - still no change =S

Edited August 29, 2013 by mzungu2003 (see edit history)

[stottycabanas]

mzungu, the screenshots you're providing - can I just double check, are they from your live site or from a test site?

 

I don't see how you're getting different css entries from the rest of us.

 

Yours:......

 

Mine:......

 

 

As Pascal has indicated, the fact that you don't have position:absolute; under #header_logo is the root of your problem. Without that, it defaults to position:static; which results in the gap you are seeing. Position:relative; will generate a gap too, but not as big.

 

With position:absolute;......

 

Without position:absolute;......

[mzungu2003]

I can confirm they are from my live site... I am opening Chrome and navigating to the homepage of my site and then right clicking on the header logo and clicking inspect element... I'm puzzled why I'm getting different css entries too... I noticed 1.5.5 was released last night - would it be worth completing the upgrade?

[mzungu2003]

Just as an update - I upgraded to 1.5.5.0 this morning - smooth upgrade process and it has solved my header logo issue too =)

[vekia]

yea, great to hear that everything works as you expected now

thanks for confirmation!

[jhay_evil]

hello sir hope you help me.. sir please how to pix my menu and cart sir...

this is the original template..http://www.graphileom.fr/demo1.5/thgr00027v/index.php

.. and my website is here http://triden.ectech.pw

thanks sir..

Edited September 8, 2013 by jhay_evil (see edit history)

[vekia]

hello

 

this thread isn't related to your template. 

 

your issue is also a bit different, i just wondering: you changed some css styles etc.?

[seow]

Hey,

 

After the update the banner moved again...how do i fix this?

 

http://www.airsoftlipo.com/index.php

 

thanks in advance

 

EDIT: nevermind i fixed it already.

 

But i still have the problem that the banner is in a ''layer'' above the searchbar and cart/login menu

so when i upload a wider banner than i have now the searchbar and mennus gets hidden/covered by the banner.

 

How do i place the banner under the searchbar and menu's layer?

Edited September 8, 2013 by seow (see edit history)

[vekia]

i checked your website and everytihng looks like you expected, everything fixed?

[seow]

i checked your website and everytihng looks like you expected, everything fixed?

 

But i still have the problem that the banner is in a ''layer'' above the searchbar and cart/login menu

so when i upload a wider banner than i have now the searchbar and mennus gets hidden/covered by the banner.

 

How do i place the banner under the searchbar and menu's layer?

that bit is not solved yet...

 

And suddenly i have a problem with the carriers because al shippingscosts are gone now although the carriers and weightranges are still correect(i manually added 7 eu shipping now but the normal shipping rates arent working. if i disable the addtional charge it says free shipping)

Edited September 8, 2013 by seow (see edit history)

[jhay_evil]

hello

 

this thread isn't related to your template. 

 

your issue is also a bit different, i just wondering: you changed some css styles etc.?

yep.. all modules/blocttopmenu/css im erase the css file

hi sir.. i pixed the menu... but the logo is up.. see again my website thank you again..

[jhay_evil]

hello sir.... my search under of my logo how pixed sir? ty this is my website http://triden.ectech.pw/index.php

Edited September 11, 2013 by jhay_evil (see edit history)

[vekia]

i moved your question to separate thread i already replied

[jhay_evil]

i moved your question to separate thread i already replied

please help me sir .. i don't know if how?

[vekia]

please help me sir .. i don't know if how?

check this thread: http://www.prestashop.com/forums/topic/274175-search-under-backgrund/

[jhay_evil]

wow nice .. thanks you thank you.. .. thank u so much....

[vekia]

glad to hear that i could help you a little if you will have any questions in the future - create new threads 

i will definitely try to help

 

best regards

[oryon]

Hello,

 

After upgrade from 1.5.4 to 1.5.6 the banner covered the top search menu and the links on both left and right. I tried all the possible CSS combinations referred in the thread before. But no hope. 

 

Site URL is http://www.mamaonlinestore.com/shop1/

[vekia]

global.css line 547

 

change position:absolute; to position:relative in:

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

[cesade]

Hello, everyone.

I'm using the theme Graphileom 27r and have the same problem of displacement of the header. I've applied all the suggestions above and did not get the expected result.

The website URL is http://dipassionecalcados.com.br/loja/prestashop/.

The picture shows the current situation and how the appearance that the site should have.

Can anyone help me, please?

 

[Moinsde2Euros]

Vekia Are you there?

I am having a break down and I need your expert help!

My website is www.moinsde2euros.com

As you can see, my main menu bar has moved to the top. Why and how I don't know.

I've sent an hour trying to move it, but I just can't find the code in global.css

Could you please help me?

[Moinsde2Euros]

Hi

If someone can sort out my problem to, I would be very grateful.

My site : www.moinsde2euros.com

As you can see the main menu bar has gone up with the search bar. I tried moving the logo but it didn't move the menu bar back down.

This is really bugging me now.

Please someone help!

[vekia]

Hi

If someone can sort out my problem to, I would be very grateful.

My site : www.moinsde2euros.com

As you can see the main menu bar has gone up with the search bar. I tried moving the logo but it didn't move the menu bar back down.

This is really bugging me now.

Please someone help!

hello

 

please go to modules > positions 

search for "displayTop" modules list

move block user info module to the top of the list

 

attention! make sure that you're doing this on displayTop modules list!

[Moinsde2Euros]

thanks vekia!!! You are amazing!!

[vekia]

you're welcome

you will need probably to change also logo position because it will overlap menu, am i right/

[borislav123]

Thank you, Vekia!

 

You are great!

 

[seow]

hi,

 

how do i get rid of the white bar above the header?

 

http://www.airsoftlipo.com/nl/

[vekia]

hello

 

you're talking about your cookie notification? or... ?

[seow]

hello

 

you're talking about your cookie notification? or... ?

no im talking about the space between the header logo and the adress bar, the header logo used to be on the very top of the page. now there is a space between the logo and adress bar my browser.

[vekia]

global.css line 546

 

there is a code:
 

#header_logo {
position: absolute;
left: 0;
top: 30px;
z-index: 9;
}

remove top:30px; param

[ajccomp]

hi vekia

please help me to my client design on : www.mitravitech.com

 

1. How  to change search query with  the Submit search?

2. How to move newsletter on the footer?

3. HOw to make a menu ( Home-about us-our link-product-contact us)? because i trying with wiznav, can't make change and help. do you have a idea?

4.How to change a text Contact us :" Our support hotline is available 24/7" with : " Our support hotline is available Monday - Saturday"?

5. How to modification color deafult and  Erase many menu on the footer? like: Rss + Specials + Best Seller + New Product + Our Store + Term and Conditionof Use + About us + Sitemap  --> i want to erase

6. How to make slide product  under Featured Product?

7. How to make fulldown menu to Categories block?

8. How can make Submit Search always intergration with Search engine google or Yahoo or etc?

 

Thank you for you help and please help me because i newbie.

Edited February 1, 2014 by ajccomp (see edit history)

[vekia]

hi vekia

please help me to my client design on : www.mitravitech.com

 

1. How  to change search query with  the Submit search?

2. How to move newsletter on the footer?

3. HOw to make a menu ( Home-about us-our link-product-contact us)? because i trying with wiznav, can't make change and help. do you have a idea?

4.How to change a text Contact us :" Our support hotline is available 24/7" with : " Our support hotline is available Monday - Saturday"?

5. How to modification color deafult and  Erase many menu on the footer? like: Rss + Specials + Best Seller + New Product + Our Store + Term and Conditionof Use + About us + Sitemap  --> i want to erase

6. How to make slide product  under Featured Product?

7. How to make fulldown menu to Categories block?

8. How can make Submit Search always intergration with Search engine google or Yahoo or etc?

 

Thank you for you help and please help me because i newbie.

 

please follow forum rules.

this topic is not related to your questions.

1 topic = 1 question.

 

no one will help, if you will ask so much questions in one topic. It's hard to reply for messages like that.

[ajccomp]

hehehe...ok...sorry.

 

how to change color on right or left on menu default ? like : messenger, categories, featured product, footer,etc

 

my link: www.mitravitech.com

 

thank you...

[vekia]

hello

 

color of? font? background?

[dituttonline]

I modified this code but I have a problem, my site is www.dtostock.it

#header {position:relative}
#header_logo {
	position: absolute;
	left:0;
	top: 30px;
	z-index: 1;
}

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

[vekia]

what prestashop version you've got?

[DorianDarius]

Hi there, I have the same problem but my shop is not in catalog mode.

Can someone help me?

The shop is www.lineauto.ro

[vekia]

Hi there, I have the same problem but my shop is not in catalog mode.

Can someone help me?

The shop is www.lineauto.ro

hello

what problem? as i described in first post, perhaps some other issue (this post has got 10 pages, here a lot of problems are described)

[DorianDarius]

If you look at www.lineauto.ro the logo is under menu.

This is the problem and I don't know how to fix it

[DorianDarius]

LE: 

When I wrote my firt post here the logo was:

http://imageshack.com/a/img27/3259/bscx.jpg

 

Now after I modif global.css and superfish-modified.css looks like this:

http://imageshack.com/a/img89/7104/h3u2.jpg

 

in global.css I modif header in this:

 

HEADER

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

#header {position:relative;height:200px;padding-top:5px;}

#header_logo {

        height:150px;

position:absolute;

top:0px;left:0;

z-index:10;

}

 

#header_right {

position: relative;

float: right;

left: 0px;

top: -150px;

}

 

 

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

 

and superfish-modified.css in this :

 

 

/*** ESSENTIAL STYLES ***/

.sf-contener {

        padding:top

clear: both;

        margin-top:170px;

}

 

LE:

Now I remove all the modifications that I did but nothing change.

If I not can make the menu bar to move a little down I wish it was in the beginning

Any help please?

Edited March 28, 2014 by DorianDarius (see edit history)

[gaurav jalan]

modules/blocktopmenu/css/superfish-modified.css

line ~2:

 

.sf-contener {
clear: both
}

add: margin-top: 110px;

 

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

You rock

it solved !!!

[gaurav jalan]

you saved me vekia

cant say enough thanks !!