Top horizontal menu shifted off page...

[elumpkin81]

Hi All,

 

I just updated to the latest version and now have an issue with the Top Horizontal menu on my site. It's now shifted to the right off the screen, I've check all my settings and even used a smaller Logo thinking that might be the problem. Nothing I've tried seems to correct it.

 

Hoping someone knows a fix or solution to my issue, here's a link to the site so you can see what it's doing: http://www.ocspray.org

 

Thanks in advance for any help!

Eddie

[vekia]

solution for your issue is here:

http://www.prestashop.com/forums/topic/242732-1541-default-theme-menu-moved-to-right-how-to-fix/

[elumpkin81]

Thanks for the reply.

 

I changed that and it fixed the menu bar, but now the logo is above the search bar instead of in the middle of the header?

[vekia]

to #header add height: 180px;

to #header_logo add position: absolute;

to #header_right add top: 30px;

 

 

effect:

[elumpkin81]

Yes! That's exactly how I am trying to get it to look...

 

Are you editing the global.css file? I've attempted to enter those changes but can't get the same effect as you.

[vekia]

yes, only global.css file

i dont see any changes in your website (in global.css)

[elumpkin81]

Sorry, I uploaded the original. I made the changes again if you can look again.

 

I really appreciate your help and hopefully I'm not driving you nuts.

[vekia]

sure, if it is possible - please reupload modification,

i will check it and then give you solution

[elumpkin81]

I've uploaded it with the changes you recommended.

[vekia]

hmm still the same

 

no height for #header

no position:absolute for #header_logo

no top:30px; for #header_right

[elumpkin81]

Here's what I have entered at //ocspray.org/themes/default/css/global.css

 

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

HEADER

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

#header {

position:relative;

height: 180px;

}

#header_logo {

position: absolute;

top: 30px;

z-index: 1;

}

 

#header_right {

position:relative;

float: right

top: 30px;

}

 

 

 

I'm guessing this is correct? Or maybe I'm not following your direction, which I'm sure is the case. Thanks again for your continued help!!!

[vekia]

you forgot about ; after float: right

 

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

 

use this:

 

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

[elumpkin81]

Added that... still no change

 

I should have not upgraded to the new version

[vekia]

i checked your website code again, still the same:

 

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

 

there is no semicolon ; after float:right

[MeowsTheTime]

to #header add height: 180px;

to #header_logo add position: absolute;

to #header_right add top: 30px;

 

 

effect:

I am using PrestaShop 1.6.0.11....can I make mine page look that this?  I want to "fix" my top horizontal menu and decrease the font.