Archived topic

Problem positioning logo above site title and within the header

10 replies · Started by James on May 9, 2019

Viewing posts 1–11 of 11

May 9, 2019 at 12:28 am #893737

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

Hi there,

try adding this CSS:

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

May 9, 2019 at 4:58 am #893913

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

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

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

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

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

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

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

Thanks for your help

May 9, 2019 at 5:48 am #893982

You're welcome

This archived topic is closed to new replies.

Start building better websites today.