Resize Mobile Logo

Hello, I'm trying to make the logo fit properly on mobile (right now it's too big and it gets cut off). Here i the website: http://happytask.org/.

Please advise

Screen Shot 2017-09-19 at 7.31.03 AM.png

Hi,
Did you fix the issue? It's displayed properly on mobile device now..

Tried to, but now the logo stays the same size and the menu icon gets pushed underneath (in mobile view). I'd rather have a smaller logo display so it is inline with the menu icon. Please let me know

David

Try to add the following custom css code:

Code: Select all

@media (max-width: 600px) {
   .imageBg #gkLogo.cssLogo {
      background-image: url(../images/style1/logo_small.png);
   }
}


and upload your smaller image logo (logo_small.png) file into gk_simplicity/images/style1 directory.

Logo is smaller, but the menu is still pushed way down... please help:

Screen Shot 2017-09-28 at 10.01.42 PM.png

Try to add also this css code:

Code: Select all

@media (max-width: 440px) {
#gkLogo.cssLogo {
    width: 200px;
}
}


Perfect