Logo Not Centered on Mobile

Happy New Year!

I need help with my logo. It is not centered on mobile view for some reason. Ignis theme rocks! Thank you so much for your help.

Here is my website: https://www.kenjie.me

Hello, it looks like you hid site title and site description with custom CSS code, that’s why it looks weird now. You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

site-branding .custom-logo-link {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

1 Like

Roman,

Thank you for replying. The reason behind the CSS hiding the site title and description is if you keep it shown, both will display like the screenshot confirms:

I would like to keep them hidden via the code since if I remove the site tile/description entirely, there wont be any site info shown at all when you hover the browser tab.

Other themes have an option to hide site title and tagline like shown below:

I have tried the code you provided, it does not make it centered still.

Thank a million for your help. I love Ignis and would like to keep it as my theme.

Ken

Hello Ken,

Sorry, there should be dot before selector, please try it once again with dot:

.site-branding .custom-logo-link {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

Kind Regards, Roman.

1 Like

Hi Roman,

It’s new year and you’ve been working hard. The code works awesome now and the mobile view looks great. Now the desktop version looks like this:

Any thoughts? Thanks a million.

Ken

Okay Ken, please try this instead:

@media (max-width: 767px) {
    .site-branding .custom-logo-link {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

Kind Regards, Roman.

2 Likes

Hi Roman,

Wow. Amazing support! It worked like a charm!

Thank you so very much!

Kenjie

Great! You are welcome Kenjie!

By the way, it would be nice if you leave your feedback for Ignis theme on WordPress.org, here is a quick link :slight_smile:

Kind Regards, Roman.

My pleasure to have submitted 5 stars.

Thank you very much Kenjie! :slight_smile:

Kind Regards, Roman.