Centering Logo

[Chris]

I’ve just started working on a site tonight and was curious if the logo could be centered on this theme. It appears as if it should be after taking a brief glance of the css.

Any thoughts would be appreciated.

http://growinghome.tv/

[Sushil Adhikari]

Hi there,

Please add this css on child theme style.css file to fix your issue:

.flat_responsive_logo {
    margin-left: 30%;
}

Note: Please use child theme stylec.css file to add this css, otherwise your changes will be lost on theme update.

Let us know how it will goes.

Thanks

[Chris]

It does not make it perfectly centered? 🙁

Particularly with the various sized of monitors.

Thoughts?

[Chris]

This appears to be the code that is not letting it center…

.secondary_menu_middle .container {
max-width: 100%;
}

What code should I use to overwrite this?

[Sushil Adhikari]

Hi chris,

Try by placing this code on child theme style.css file:

.flat_responsive_logo {
    margin: 0 auto;
    float: none;
}

Hope this works for you.

Thanks

[Chris]

Still doesn’t seem to be staying centered in all monitors.

Any other thoughts?

http://growinghome.tv

[Sushil Adhikari]

Hi there,

CSS given on previous reply is the standard css to make the logo on perfect center. We too had checked on different sized dextop there it seems to stay on center.

Please let us know if we are understanding you fully or if not then please we request you to share the screenshot of the pages where you encounter the problems.

We look forward to your response.

Thanks

[Author]

Posts