How to keep the logo always centered?

[Jorge Araújo]

Hello, how to keep the logo always centered? When I add some widget in the header, the logo is not exactly in the center.

link to view: http://woocommerce-7751-74799-205105.cloudwaysapps.com/

Thank you!!

[Tom]

Kind of a tough one, as centered items move depending on if other items are on the same line.

One thing you can do is make the header widget position:absolute, which will make it no visible to the centered logo.

For example:

@media (min-width: 769px) {
    .inside-header {
        position: relative;
    }

    .header-widget {
        position: absolute;
        right: 0;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts