main menu it appears in cellphone

Main menu got up and centered, but appears in cell phone white strip, cut the logo, in addition to the side menu. =
I want to remove this strip.
In desktop it looks good.
Thank you for your help

http://www.graphictime.com.co

Some of your problems are caused by existing override.css rules. At least some of them doesn't have correct closing tags which causes all declarations on the bottom not to work well.

To fix only header height and mobile menu position, please use this rule:

Code: Select all

#gkHeaderNav.gk-fixed-nav {height: 50px;}
@media (max-width: 1160px) {}
.gk-fixed-nav #gkLogo, .gk-fixed-nav #gkMobileMenu {
    margin-top: 16px !important;
}
#gkLogo img {
    margin-top: 0px !important;
}
}


Again, if you paste it at the bottom - it will not work cause previous mentioned problem.
Last thing are those declarations:

Code: Select all

/*mejorar header-el logo subió*/
#gkLogo img
{
  margin-top: -110px !important;
}
#gkHeaderNav
{
  top: -5px !important
}


causing problems on mobile devices (logo out of the screen).

So firstly please fix your override.css, then remove (or narrow down) problematic overrides, finally use suggested code.