Centre header and main menu

• 

  mrsemmahollingsworth · Member · Jun 4, 2015 at 1:19 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to centre the main header on my blog http://www.dowerandhollingsworth.com and also centre the main menu below it.
  I’ve tried to do with in CSS but can’t seem to manage.
  Anyone know how to do this?
  Thanks!!
  Emma

  The blog I need help with is: (visible only to logged in users)

• 

  pcosta88 · Member · Jun 4, 2015 at 1:40 pm

  • Copy link

  Howdy!

  You can move and make edits but you will need to have the Custom Design upgrade.

  https://en.support.wordpress.com/custom-design/

  WordPress also offers a guide on making CSS changes:

  https://en.support.wordpress.com/custom-design/editing-css/

  https://en.support.wordpress.com/custom-design/css-basics/

  Use the following code

  .site-header {
      border-bottom: 3px solid #EEE;
      margin: 0px 0px 27px;
      padding: 0px 0px 0px 250px;

• 

  staff-totoro · Staff · Jun 19, 2015 at 3:38 am

  • Copy link

  Hi @dowerandhollingsworth

  You may want to give the following styles a try, in lieu of the custom CSS you have currently:

  .site-branding {
    float: none;
  	max-width: 100%;
    text-align: center;
  }
  
  .main-navigation {
    float: none;
    max-width: 100%;
    text-align: center;
   }

  Hope that helps!

• 

  staff-totoro · Staff · Jun 19, 2015 at 3:38 am

  • Copy link

  Also, good to see you @pcosta88! :)