How to Change the Logo Width Area in the Auto WordPress Theme?

You might have a case where the logo you will use in the header of the Auto WordPress theme is wider or narrower than the recommended size out of the box (which is 200px).

There is no setting to change the width of the logo area in the customizer, but here is the CSS code you can paste in the Customizer → Additional CSS field and it will make the logo area for the Auto theme wider for additional 100px:

/* change every instance of '350px' below to your own width */
@media (min-width: 992px){
  .header__logo {
    width: 350px;
  }

  .header__widgets {
    width: calc(100% - 350px);
  }

  .header__navigation {
    margin-left: 350px;
  }

  .header__navigation-widgets+.header__navigation {
    width: calc(100% - 145px - 350px);
  }
}

You can tweak the width of the logo area by changing all the occurrences of the 350px in the code snippet above.

This is one of the many parts that can be customized with CSS. To learn how to make other CSS customizations, visit our help article How to customize your WordPress site with CSS.