Problem positioning logo above site title and within the header

[James]

Hi

I’ve been trying to place my logo above the site title and tagline, rather than below as is the default, but when I do using the the code for GP Hooks posted in the forum (see below) the logo is full size (I could make a smaller image), it sits to the left and the default background colour shows behind/beside it.

Ideally, I would like the logo to be 80px wide and sit centrally above my site title within the header. Is there a simple way to do this?

The code I tried in Hooks:

Thanks

[David]

Hi there,

try adding this CSS:

.inside-header {
    display: flex;
    flex-direction: column-reverse;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[James]

Hi David

Thanks for helping. Could you tell me where I need to paste the code please? I’ve tried using Elements and Code Snippets but I’m doing something wrong so it’s not moving the logo.

Thanks
James

[James]

I just tried adding the code to Additional CSS in Customise and the logo temporarily jumped above the title in this view but is now below again in Customise and when viewing the site normally. I’ve tried deleting my browser cache.

[David]

Can you place the CSS in the Customizer > Additional CSS. Publish the changes. And let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[James]

I’ve left the code active in there so you should see the result on my site. In all browsers I have, except Chrome, I can see the code itself below the nav bar. Thanks

[David]

That code has been added to a Header Element you can delete that.
I can’t see the CSS in the Additional CSS? If you have added it to the Customizer can you make sure the Customizer is published, and not set to Save as Draft ( click the Cog icon )

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[James]

I added the code to Appearance-Customise-Additional CSS and I can’t find another Customiser. There’s no cog where I am either so maybe I’m in the wrong place.

The logo has begun to display above the title with no changes made, for now anyway. So it looks how I want it to bu I’m a little confused as no changes have been made to the code I added. Coould it be something to do with my server?

Thanks

[David]

Well that looks good and that is correct place to put the code.
Sounds like a caching issue, most likely the Autoptimize plugin if not the server cache. When making changes its best to flush and deactivate Autoptimize as it can cause headaches.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[James]

Thanks for your help

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts