main menu up centered

Support desk for Multipurpose Quark Theme
GK User
Fri Oct 09, 2015 9:52 pm
How I can put up the main menu like this
http://ph.madness.net.pl/

Thank you

http://www.graphictime.com.co/new_way
User avatar
Expert Boarder

GK User
Fri Oct 09, 2015 11:58 pm
Hi,

Yes, start with the code shown https://www.gavick.com/forums/quark/gkheadernav-always-showing-47851
Best regards,

Ruediger
User avatar
Senior Boarder

GK User
Sat Oct 10, 2015 4:36 pm
I did not work Ruediger, who is wrong? I hit the final code to override did not work :huh:
User avatar
Expert Boarder

GK User
Sun Oct 11, 2015 12:48 am
Hi Zite7,

Well, this code is an example to show how it works and what the logic is. However, the code is working when you have a screen resolution higher than 1160px. To get hands on, you can delete the first line and the last }. It will work, but on the same token, it will mess up mobile phone, tablets and desktops with other resolutions.
At the end, you need to add the right "@media screen" statement for each device and how the device is used (vert. or hori.).

Best regards,

Ruediger
User avatar
Senior Boarder

GK User
Tue Oct 13, 2015 9:08 pm
any can help me?
User avatar
Expert Boarder

GK User
Tue Oct 13, 2015 10:24 pm
Well just seen that you have added the code. Never the less, if you want to have a copy of the your example start of with:
Code: Select all
#gkHeaderNav
{
    position: fixed;
    top: -45px !important;
    background: rgba(255,255,255,0.94);
    box-shadow: 0 0 3px rgba(0,0,0, .3);
    height: 120px;
}


Best regards,

Ruediger
User avatar
Senior Boarder

GK User
Tue Oct 13, 2015 10:47 pm
It does not work because it has activated "Rebuild Less"
But now I need to accommodate space between the logo.
User avatar
Expert Boarder

GK User
Tue Oct 13, 2015 10:49 pm
User avatar
Expert Boarder

GK User
Tue Oct 13, 2015 11:01 pm
Do you mean it that way? Your code line 47 and 22 ?
Code: Select all
#gkLogo img
{
  margin-top: -80px !important;
}
#gkHeaderNav
{
  top: -5px !important
}

User avatar
Senior Boarder

GK User
Thu Oct 15, 2015 8:03 pm
improve a bit but need to climb a little logo
User avatar
Expert Boarder

GK User
Thu Oct 15, 2015 8:07 pm
I put it and it worked well

#gkLogo img
{
margin-top: -110px !important;
}
#gkHeaderNav
{
top: -5px !important
}
Thanks
User avatar
Expert Boarder


cron