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

Home Forums Support Problem positioning logo above site title and within the header

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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

    #893877
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .inside-header {
        display: flex;
        flex-direction: column-reverse;
    }
    #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

    #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.

    #893934
    David
    Staff
    Customer Support

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

    #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

    #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 )

    #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

    #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.

    #893979
    James

    Thanks for your help

    #893982
    David
    Staff
    Customer Support
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.