Reduce the size of my logo on mobile phone

Hello,

I would like you help me for 2 things:

1 - reduce the size of my logo on mobile phone. I feel that the logo is not responsive.

I tried to modify these lines in the mobile.css but it has no effect:

@media only screen and (max-width: 320px),....
#gkMainbody table {
width: 260px!important;
}
}

@media only screen and (max-width: 480px)...
#gkMainbody table {
width: 420px!important;
}
}


2 - I would like the site is displayed in full on mobile phones.

Thank you in advance here is the link:
http://www.dakarmusique.com

Could yo please be more precise on "the site is displayed in full on mobile phones"?

To set the logo in correct way please edit: /templates/gk_game/css/override.css and add at its end:

Code: Select all

@media(max-width: 320px) {
   #gkLogo.cssLogo {
      width: 240px !important;
      background-size: 100% !important;
   }
}


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

Hello,

Thank you for your help, it's good for reducing the size of the logo.
To the second question I would like the site to display on mobile phones just like the desktop. So the width occupies 100% of the phone. Currently, the sidebar is on the bottom of the page.

I apologize for the bad English because it is the translated French.

Thank you in advance

Behave of the site is called RWD - responsive web design - it makes the content to rearrange to present best on small screens.
Presenting "desktop" version of mobile is currently one of the worst idea to do.