Adjust mobile logo

[kmk]

Hey guys, sorry for this question, I try find it searching but nothing, I think is more faster and easy if someone can tell me again how I can adjust my logo, mobile version to center position, right by default is from left side.

[403 - Forbiddeen]

Already try this?

img.sMainHead__logo {
    display: block;
    margin: 0 auto;
}

Source : https://stackoverflow.com/questions/7055393/center-image-using-text-align-center

[kmk]

nothing....

[403 - Forbiddeen]

Are you using the default theme?

[kmk]

55 minutes ago, 403 - Forbideen said:

Are you using the default theme?

Yes 

[403 - Forbiddeen]

12 hours ago, kmk said:

Yes 

Follow the example : http://nimb.ws/S7t9Zi

And the code, this code will align to center the desktop version too.

#elLogo img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

To work only on mobile version, you need to setup a small rules, then copy and paste this code.

@media screen and (max-width: 767px){
#elLogo img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}}

I copy and paste this code on core_responsive.css file. Work fine.

http://nimb.ws/cbYXZP

[kmk]

14 hours ago, 403 - Forbideen said:

@media screen and (max-width: 767px){ #elLogo img { max-width: 100%; margin-left: auto; margin-right: auto; display: block; }}

Thank, I use above code and fine, but not centered...

 

[Meddysong]

It is centered. Your logo probably has some transparent padding on the left.

[kmk]

I mean below the logo, you can see a gap space...I use the same logo for ehren theme and does havent problem...

[403 - Forbiddeen]

To fix it, you need to set a left padding. You already centered.