logo positioning

how to put the logo and the search bar above the mega menu? Like the website http://www.skeino.com

5 answers

Profile photo of tomc 0.00 $tone April 21, 2014
Public

I’m working on http://www.oliarts.com.br

To reposition your search box . . . .

Within file path —> /skin/frontend/default/jm_crafts/css/styles.css
at line 564, you will see the following:

Code:

#ja-search {
    border-left: 1px solid #EEEEEE
    border-right: 1px solid #EEEEEE
    top: 0px;
    min-height: 60px;
    position: absolute;
    right: 179px;
    width: 276px;
    z-index: 1000;
}

Modify as follows:

Code:

#ja-search {
    border-left: 1px solid #EEEEEE
    border-right: 1px solid #EEEEEE
    bottom: 30px; 
    min-height: 60px;
    position: absolute;
    right: 179px;
    width: 276px;
    z-index: 1000;
}

You may also wish to delete the "border-left" and "border-right" properties -- as the side borders look a little out of place when the search box is repositioned.

#4
Profile photo of tomc 0.00 $tone April 21, 2014
Public

For the kind of thing you’re describing for your logo and main nav, try this . . .

Within file path —> /skin/frontend/default/jm_crafts/css/styles.css
at line 851, modify as follows:

Code:

    #ja-mainnav {
    float: left;
    margin: 50px 0 0 -100px;
    padding: 0;
}

That should, at least, get you going in the general direction of what you were describing.

#5

Please login or Register to Submit Answer

Written By

Comments