Center Logo at small screens

Hello,

I want to center the logo on small screens.
I tried following code for small screens:

Code: Select all

#gkLogo.cssLogo {
    background-image: url("../images/logo_small.png");
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -6px;
    padding-bottom: 5px;
    width: 335px;
}

Please help

Please add this code to file tablet.css and mobile.css

Code: Select all

#gkLogo.cssLogo {float: none; margin: 0 auto}

Please add this code to file tablet.css and mobile.css

Code: Select all

#gkLogo.cssLogo {float: none; margin: 0 auto}

Thank you mate, this worked quit well. Where can I read some information about how the css for the responsive gavick layout is working? I want to know, on which width mobile.css and table.css are loaded.

Thank you

Media queries you will find on framework files in lib/framework/helper.layout.php hope you can find proper part of code.