LOGO - visible all the time

Support desk for Multipurpose Quark Theme
GK User
Tue Feb 17, 2015 7:56 pm
Is there easy way to make LOGO visible all the time, just like menu icon?
User avatar
Expert Boarder

GK User
Wed Feb 18, 2015 8:02 am
Could you please post an url to your site?
User avatar
Moderator

GK User
Wed Feb 18, 2015 8:52 am
http://ph.madness.net.pl/k2-user-groups/energia

i just started, but I want to logo from top left corner always was visible,
even when menu bar is hidden...
User avatar
Expert Boarder

GK User
Wed Feb 18, 2015 9:00 am
for my client is very important that the logo was visible all the time, and I can understand that...
User avatar
Expert Boarder

GK User
Fri Feb 20, 2015 2:19 pm
It's not an easy thing to do as this template has 2 types of headers - one visible on header image and second visible when you scroll down.
Logo on the image is white while logo on sticky header is black. You can;t have white logo visible all the time as it will disappear on white background.
So you need to decide firstly what to do as simply "keep logo visible" isn't enough in this case.
User avatar
Moderator

GK User
Fri Feb 20, 2015 3:33 pm
standard logo off (white and black), new bitmap logo visible all the time, independent...
User avatar
Expert Boarder

GK User
Sat Feb 21, 2015 3:21 pm
if horizontal menu was visible all the time, it was be good too ;)
User avatar
Expert Boarder

GK User
Sun Feb 22, 2015 5:48 pm
Please edit: /templates/gk_quark/css/override.css and add at its end:
Code: Select all
#gkHeaderNav {
    position: fixed;
    top: -45px !important;
    background: rgba(255,255,255,0.94);
-webkit-box-shadow: 0 0 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 0 3px rgba(0,0,0, .3);
box-shadow: 0 0 3px rgba(0,0,0, .3);
height: 120px;
}
#gkHeaderNav #gkLogo.text, #gkHeaderNav #gkMobileMenu span {
    color: #26292b !important;   
}
#gkHeaderNav .gkMainMenu > .gkmenu > li > a:hover,
#gkHeaderNav .gkMainMenu > .gkmenu > li > a:active,
#gkHeaderNav .gkMainMenu > .gkmenu > li > a:focus,
#gkHeaderNav .gkMainMenu > .gkmenu > li.active > a {
  color: #B0CB1F !important;
}
#gkHeaderNav .gkMainMenu > .gkmenu > li > a {
  color: #26292b !important;
}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Sun Feb 22, 2015 7:14 pm
Thank You
User avatar
Expert Boarder

GK User
Mon Feb 23, 2015 6:54 pm
Is there anything else I can help you with regarding this topic?
User avatar
Moderator

GK User
Mon Feb 23, 2015 7:02 pm
No, it's solved. Thanks.
User avatar
Expert Boarder


cron