[Resolved] Add logo on right side of header instead of on left under Site Title and Tag

[Cindy]

I’m trying to add a logo to my Header but it only adds it under my Site Title and Tag Line, which I have on the left side of the header. I want to add it on the right side of the header. How do I do that?

GeneratePress 2.2.2

[Tom]

Hi there,

You want the logo on the right side of the header?

If so, try this CSS:

@media (min-width: 769px) {
    .site-logo {
        float: right;
    }

    .site-branding {
        float: left;
    }
}

Let me know 🙂

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

[Cindy]

Thank you – that was fast! That puts the logo on the right side of the Header, but still below the level of the site title and tagline. I would like to have it on the right side of the header but level with the site title and tagline if possible, so everything on the same “line” or “level” if possible.

[Tom]

I just adjusted the CSS above to do that 🙂

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

[Cindy]

Thank you -that works! I appreciate the fast and effective support! Now to find the perfect logo.

[Tom]

You’re welcome! 🙂

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

[Cindy]

One more request. Is it possible for me to expand the logo to the left without it also expanding down as well (which is what it does now)? I want to stretch it further to the left on my header but not expand downward at the same time.

Also, when I upgraded to the premium version of GeneratePress, now when I open my theme to customize the navigation on the left initially only shows a little bit, and once I click on one of the arrows the menu opens fully. Thought you might want to know about it. Thanks!

[Tom]

If you did that, the image would stretch and lose quality/aspect ratio. In order to have a wider image at that same height, you would need to manually crop the image to be that size/aspect ratio.

Any chance you can show me a screenshot of the Customizer issue?

Thanks!

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

[Author]

Posts