Mobile Logo View Centered

Is anyone able to help with this – I am at a loss!!! PLEASE!

Hey @desccomputers!

Thank you for posting your request!
Could you please add the following CSS code to News Magazine Options > General > Custom CSS panel? It will center the logo.

#header-middle a#logo {
    display: block !important;
    margin: 0 auto !important;
    float: none;
}
#logo img {
    display: block !important;
    margin: 0 auto;
}

Make sure to clear the cache of your web browser before checking the changes. Let us know if this works.

Thanks! Have a great day!

Hi, thank you for your reply. Works great with the computer but not on the mobile version. It’s still off to the left.

Any ideas for that ?

Hey @desccomputers!

In that case please also add this CSS code:

@media only screen and (max-width: 767px) {
    #logo {
        float: none !important;
        width: 200px !important;
        display: block;
        margin: 0 auto;
    }
    #header-top .container {
        height: auto !important;
    }
}

In case it doesn’t work from Custom CSS option, please add it to the very end of style.css file of the theme.

Thanks! Have a wonderful day!

Thank you so much – that worked !! As always the support forums here are fantastic!

• This reply was modified 7 years, 6 months ago by descdesigns.

Hey @desccomputers!

You are most welcome, we are always happy to assist!