Logo move before site title

• 

  selrachcw · Member · Sep 12, 2021 at 9:14 pm

  • Copy link
  • Add topic to favorites

  I need help moving my logo before my site title

  Site: https://exercisewithcassandraandcharles.wordpress.com.
  WP.com: Yes
  Correct account: Yes

• 

  aisajib · Member · Sep 13, 2021 at 5:18 am

  • Copy link

  Hi there!

  The Hever theme doesn’t have a built-in option of moving the logo before the site title. However, it is possible to use custom CSS code to achieve that result.

  Please note that you’ll be able to use the CSS code with the WordPress.com Premium plan or higher. Learn more about custom CSS code here: https://wordpress.com/support/custom-css/ – and see our plans and pricing here: https://wordpress.com/plans

  If you upgrade to the Premium plan or higher, you can click My Site → Appearance → Customize → Additional CSS and add the following code before clicking “Save Changes” in the Customizer.

  /* Move logo next to title */

  
  @media screen and (min-width: 560px) {
  .site-header {
  grid-template-areas:
  “site-logo site-title main-navigation”
  “site-logo site-description social-navigation”;
  grid-template-columns: 150px 1fr 2fr;
  }
  .site-header .site-title,
  .site-header .main-navigation {
  align-self: end;
  }
  .site-header .site-logo {
  margin-bottom: 0;
  }
  }

  Once the code above has been added, the logo will appear before the site title in one line.

  Regards