Change logo position

GK User
Thu Feb 23, 2017 5:19 pm
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.
User avatar
Junior Boarder

Joshua M
Fri Feb 24, 2017 8:59 am
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;
}
User avatar
Moderator

GK User
Sun Feb 26, 2017 12:50 pm
Thanks for trying to help, it doesn't work though bro
User avatar
Junior Boarder

Joshua M
Sun Feb 26, 2017 9:22 pm
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;
}
User avatar
Moderator

GK User
Mon Feb 27, 2017 10:18 pm
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.
User avatar
Junior Boarder

Joshua M
Mon Feb 27, 2017 10:50 pm
Try to add bigger z-index value to your #gkHeaderTop and move your logo down (using top css property of #gkLogo)
User avatar
Moderator

GK User
Mon Feb 27, 2017 11:52 pm
So it's impossible to keep gklogo over the white gkHeaderTop and cart over they gray gkHeaderNav at the same time?
User avatar
Junior Boarder

Joshua M
Tue Feb 28, 2017 9:25 am
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.
User avatar
Moderator


cron