Center Logo in Header

  • Hi Jose!

    I’m trying to CENTER the LOGO IMAGE in the HEADER SECTION.

    I do not want to do this graphically because then it is not dynamic based on the size of the browser window, etc…

    Can you help me CENTER (both vertically and horizontally) the LOGO?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author José Leonardo

    (@joseleonardo)

    The header is divided by two blocks, like this:

    ——————————-
    | logo | social links|
    ——————————-

    So, if you centralized the logo, it’s going to be centralized only inside its block, like this:

    ——————————-
    | logo | social links|
    ——————————-

    I am not sure if you are using the social links, we could remove them your think about something else.

    Could you provide your website link so I can think what will be the best way to achieve what you want to?

    Thread Starter oneononeroi

    (@oneononeroi)

    how would I go about removing the block for the social links, and making the logo block full-width?

    Once I do that, then how would I go about centralizing it in its block?

    thanks!

    Theme Author José Leonardo

    (@joseleonardo)

    1) remove line 27 from header.php

    2) edit line 29 from the same file: <div class=”logo grid-60″> to <div class=”logo grid-100″>

    3) add text-align:center at line 466 from style.css: “.logo { float:left; padding-top:15px; text-align:center }”

    I think that’ll do what you need.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center Logo in Header’ is closed to new replies.