How can I center the logo?

  • Author
    Posts
  • #12441
    Maggy

    Subject says it all. Tried tinkering with CSS to no avail.

    #12445
    Jim King

    Hi
    I’d just create a new header image as a PNG, to the sizing shown under Header Settings, with the logo in the middle, and make the header click-able or am I being too simplistic?

    Jim..

    #12522
    Maggy

    No, that’s not simplistic… I’ll try it. Thank you. I think the header can be centered in the settings… I was referring to the logo but your suggestion might work since I’m not planning to add a header image too. Mostly concerned about the phone resizing

    #12525
    Jim King

    Hi
    Yeah probably needs a bit of graphics editor understanding and knowledge of layers. If you create a transparent layer to the proportions you have your header set to (something like 1050px x 120px) then paste your logo in as a new layer, you should then be able to resize the logo to exactly where you want it. If you then save it as a PNG file the transparent areas will remain. Ones done upload it into the Header section and save hey presto!

    Hope that makes a little bit of sense!

    Jim…

    #12543
    Dana Sherover

    The problem with PNG header is with the responsive options – when I log in to the website via my iphone the header looks shrunken: http://buksbaum.co.il.
    Is there an option to define the header to support the responsive sizes?

    #12545
    Mag

    Thanks for the suggestion Jim King… it works nicely.

    Dana, not sure what you mean by shrinking- I think it is supposed to get smaller. There is a settting in parabola to keep the header aspect ratio…

    #12556
    Zed
    Cryout Creations mastermind

    Nothing a bit of custom CSS can’t solve:

    #header-container > div { text-align: center; }

    Make sure your logo is set via the Site Logo option and not the Header Image one. The two things are completely separate.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #12580
    Mag

    Thanks very much, Zed…I’ll be sure to test it out… I went with the header since the logo doesn’t seem to show on the site pages when I preview in responsive mode with the developer tools. I should probably look at it on a phone though before I say it isn’t visible.

    #12688
    Zed
    Cryout Creations mastermind

    On what browser are you testing?


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘How can I center the logo?’ is closed to new replies.