Centering a logo in the menu bar in twenty twelve

  • Resolved harryandeve

    (@harryandeve)


    10 years, 7 months ago

    I am very new to wordpress and setting up my first site. I am using twenty twelve theme and have set up a child theme with a copy of the parent style.css and header.php files. My website is: http://harryandeve.com.au

    I am not sure if what I want to achieve is possible and especially for a beginner like me but I am hoping someone may be able to help me out. I want to centre my logo over my menu bar similar to this exemplar: http://leoandbella.com.au. Any advice on if and how I can do this. All suggestions much appreciated.

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • WPyogi

    (@wpyogi)

    10 years, 7 months ago

    copy of the parent style.css

    A child theme style.css file should contain ONLY changes, not a copy of the entire file. So start by removing everything below the @import line.

    Then try adding this CSS under that line:

    img.header-image {
     margin: 0 auto;
     display: table;
}

    WPyogi

    (@wpyogi)

    10 years, 7 months ago

    Sorry, I missed the site you linked to – and thus the above doesn’t do what you want – it only centers the image but it’s still above the navigation. It’s likely possible to do what you are asking about, but it’s a bit more tricky – and you won’t easily be able to modify the menu items – so are those the way you want them? I’m guessing the menu should also be centered on the page.

    Thread Starter harryandeve

    (@harryandeve)

    10 years, 7 months ago

    Thank you WPyogi for all your help. I have amended my child style.css file as you suggested. I have decided moving my menu bar as i initially wanted is perhaps a little beyond my ability so have adjusted me design. Thank-you again.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Centering a logo in the menu bar in twenty twelve’ is closed to new replies.