Change logo position

Hello,

I would like to ask if it's possible to keep the default main menu height and place the logo "over" the main menu without changing its height.
Website is: http://www.kidsfashion.gr
I attached a photoshopped image of how I would like the logo to be displayed.

Thanks in advance.

Hi,

Try to add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkLogo {
    position: absolute;
    top: -9px;
    z-index: 9999;
}

#gkHeaderTop {
z-index: 999;
}


Thanks for trying to help, it doesn't work though bro

You have a mistake within your override.css file and the code doesn't work. Please change it to:

Code: Select all

/* Here you can include your override CSS styles */
#gkHeaderNav {
    background: #58595b none repeat scroll 0 0;
}
#gkLogo {
    position: absolute;
    top: -9px;
    z-index: 9999;
}

#gkHeaderTop {
z-index: 999;
}


Thanks, that solved the problem however a new problem with the shopping cart appeared.
If you click the shopping cart on the top right it will not appear over the menu even it has higher z-index.

Try to add bigger z-index value to your #gkHeaderTop and move your logo down (using top css property of #gkLogo)

So it's impossible to keep gklogo over the white gkHeaderTop and cart over they gray gkHeaderNav at the same time?

No, because the cart is within the gkHeaderTop div. This modification requires more changes in theme header layout. Unfortunately this kind of modification is beyond our technical support.