Logo size changed, gkmobilemenu issue

Hello,

I changed the size of the logo, because I wanted a bit bigger - the only problem I have with the responsive design is to figure out how to change the max-width of the mainmenu (it looks good now, after I deactivated some menu items) and gkmobilemenu (see screen).

Mainmenu:

mainmenu.png

MobileMenu:

mobilemenu.png

Do you have any hint how to adapt the width of the mobilemenu that it will not dropped to the second line, but decrease the size of the logo instead. (the logo is responsive and gets smaller if needed, but the mobile menu icon dropping to 2nd line before).

Thanks for any help!

Best Regards,
Erik

Could you please post an url to your site?

For sure it's in offline mode currently.

URL: http://test.footballflight.de/de

Please use to login user: **** pw: ****

Please edit: /templates/gk_storefront/css/override.css and add at its end:

Code: Select all

@media (max-width: 600px) {
   #gkLogo {
      max-width: 80%;
   }
}


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

PS - I have removed your login credentials - this is a public forum and providing such isn't the best idea

Thank you so much, it works great!

Yes you are right, should have sent you the credentials via PM - changed the pass now.

Cheers,
Erik

Ok.
Is there anything else I can help you with regarding this topic?

Is there a way to show the mobile menu sooner? I also have the problem with the menu: it is too long and that causes the menu to use the second line.

If i can use the mobile menu for devices with a screen of 950 px and smaller, that would be great! How can I do this?