Problem with free theme horizontal menu

[idrissohs]

The horizontal menu is going underneath the body content, i was wondering if anyone would have a fix for this.

 

 

Thank You

 

www.oepartsplus.ca

Edited August 5, 2013 by idrissohs (see edit history)

[tdr170]

Take a look here Modules, Positions, Top of pages and re-arrange so Menu is at bottom of list.

I also notice that the Search block is in the middle of the header and almost invisible.

If you add this to the blocksearch.css where you find border:none you will be able to see it. Line 12 & 28.

 

border:1px solid #666;

[idrissohs]

Sorry I did try your solution but the results are here, the problem is still not fixed

 

Thank you for your timely response

[tdr170]

Before using the code below you could try to put the menu bar before the blockuserinfo and/or blockcart in the positions, maybe your theme wants things a little different then the norm.

The issue you have with the menu bar has been reported here before and its usually the position order but that is with the default theme.

 

 

 

or you can try this:

 

Global.css: @ lines 591

 

#header {position:relative}

#header_logo {

float:left;

display:block;

margin-top:30px

}

 

#header_right {

position:relative;

float: right;

margin-bottom:10px;

margin-top:-85px

}

 

 

Blocksearch.css

 

/* block top search */

#search_block_top {

position:absolute;

top:50px;

margin-left:300px

 

}

#search_block_top p {padding:0;}

#search_block_top #search_query_top {

padding:0 5px;

height:33px;

width:300px;/* 310 */

border:1px solid #666;

border-right: 0 !important;

color:#666;

background:url(img/bg_search_input.png) repeat-x 0 0 #fff;

float: left;

-moz-border-radius-topleft: 17px;

-webkit-border-top-left-radius: 17px;

border-top-left-radius: 17px;

-moz-border-radius-bottomleft: 17px;

-webkit-border-radius-bottomleft: 17px;

border-bottom-left-radius: 17px;

 

}

 

 

#search_block_top .button {

border:1px solid #666;

color:#fff;

text-transform:uppercase;

/*background:url(img/bg_search_submit.png) repeat-x 0 0 #101010;*/

background:url(img/search_zoom.png) no-repeat center #fff;

float: left;

height: 35px;

width: 35px;

border-radius:0;

-moz-border-radius-topright: 17px;

-webkit-border-top-right-radius: 17px;

border-top-right-radius: 17px;

-moz-border-radius-bottomright: 17px;

-webkit-border-radius-bottomright: 17px;

border-bottom-right-radius: 17px;

}

 

/*\*//*/div.madiv {

#search_block_top .button {top: 5px;} /* hack ie 8 */

}/* */

 

 

 

superfish_modified.css

 

.sf-contener {

background:transparent url("../img/page-top.png") repeat-x scroll left bottom;

padding:8px;

height:160px

}

 

 

 

If you followed and correctly applied the cade above it should look like this.

 

 

Edited August 5, 2013 by tdr170 (see edit history)

[vekia]

the issue looks like this: http://www.prestasho...ght-how-to-fix/

but im not sure at all, because this is not default template

[idrissohs]

Thank you for your time and reply It did fix all my problems except for one. I have uploaded my logo and the site looks like this now Thank You www.oepartsplus.ca

[vekia]

no it is very easy to fix, just remove the margin-top:60px; from:

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

this is a part of file: themes/thgr00027b/css/global.css near line 592