Moving logo over the header image

• 

  thehighcan · Member · Jul 1, 2017 at 2:15 pm

  • Copy link
  • Add topic to favorites

  Hi, I am new to WordPress and am also not skilled with using CSS or any of the manual adjustments in order to make my website design better. My question is how can I move the logo to be in the centre of the header image, if it makes any difference, I am using the Romero theme.

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

• 

  aportbury · Member · Jul 3, 2017 at 8:40 am

  • Copy link

  Hey thehighcan,

  GIve this a shot :)

  Add the following code to the css section within the WordPress Customizer: https://en.support.wordpress.com/custom-design/editing-css/

  .site-header .site-branding {
      position: absolute;
      top: 200px; /* Increase or decrease this number to move the logo up or down */
      right: 0;
      left: 0;
  
      display: flex;
  
      margin: 0 auto;
      padding-right: 0 !important;
  
      border-right: none;
  
      justify-content: center;
  }

  If you would like to adjust the positioning of the logo, adjusting “top” property will move the logo up or down.

  Hope that helps! :)

  Aaron