Problem positioning logo above site title and within the header

This topic has 10 replies, 2 voices, and was last updated 4 years, 11 months ago by David.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
May 9, 2019 at 12:28 am #893737

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

May 9, 2019 at 4:10 am #893877
David
Staff
Customer Support
Hi there,

try adding this CSS:
```
.inside-header {
    display: flex;
    flex-direction: column-reverse;
}
```
May 9, 2019 at 4:58 am #893913

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

May 9, 2019 at 5:10 am #893923

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.

May 9, 2019 at 5:17 am #893934

David
Staff
Customer Support

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

May 9, 2019 at 5:19 am #893937

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

May 9, 2019 at 5:24 am #893943

David
Staff
Customer Support

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 )

May 9, 2019 at 5:34 am #893962

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

May 9, 2019 at 5:45 am #893975

David
Staff
Customer Support

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.

May 9, 2019 at 5:47 am #893979

James

Thanks for your help

May 9, 2019 at 5:48 am #893982

David
Staff
Customer Support

You’re welcome
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

[Resolved] Problem positioning logo above site title and within the header

Popular Articles

Start building better websites today.