Logo problem in mobile menu

Hi there!

I have a little problem, i've tried to find the solution within this forum but nothing i tried has worked at this momment.

I've fixed the menu for quark template in desktop version, i think this cause a problem with mobile menu. It doesn't show the logo until i scroll down, nor the menu. I need to show logo and menu always in mobile version like it showing in desktop version.

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi Teitbite,

You have a PM. Thank you very much

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

Code: Select all

@media only screen and (max-width:1160px) {
.gkMainMenu, #gkHeaderNav .gkMainMenu {
    margin-top: 58px !important;
}

.gk-fixed-nav #gkLogo, .gk-fixed-nav #gkMobileMenu {
    margin-top: 67px !important;
}

.dark-bg #gkLogo.text, .dark-bg #gkMobileMenu span {
    color: #000;
}

.dark-bg #gkMobileMenu i, .dark-bg #gkMobileMenu i::after, .dark-bg #gkMobileMenu i::before {
    background: #000 none repeat scroll 0 0;
}
}


Hi teitbite,

Thanks for your help but it didn't work. I've checked that override is enabled in all my templates but the image and menu still not showing till scroll down >__<

Hi

It worked. Maybe was just not visible since css is cached and most probably was not refreshed when You checked yet.

Thanks again teitbite
That version seems to be desktop version, the problem is with the mobile version of the menu. Find attached some images to see the problem.
Thanks for your help

Hi

Try this code:

Code: Select all

#gkHeaderNav,
#gkHeaderNav.gk-fixed-nav {
    position: relative !important;
}

#gkLogo, #gkMobileMenu,
.gk-fixed-nav #gkLogo, .gk-fixed-nav #gkMobileMenu {
    margin-top: 67px !important;
}


Hi teitbite,

Now it works properly. Thanks for your help

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro