How do I center my logo in the mobile version of Blogger?

Question

I've been trying to center my logo on the mobile version of My Blogger , by using the CSS rule:
.mobile.header-outer , but it doesn't work.
I used .header-outer in the desktop version to center the logo, but it won't work in the mobile version.

Maybe I'm not using the right CSS. Could you please help?

Answer 1

Edit: Actually all you need to do is modify this seclector in 2356033831-widget_css_2_bundle.css to:

html .header-outer {
    margin: 0;
    padding: 0;
    text-align: center;
}

Hope this helps.

Answer 2

.header-outer{ margin:0 auto 70px; } and #Header1_headerimg{ display:block; margin:0 auto; }