jessestu/custom-css.md

## custom-css.md

      
    Raw
  

              custom-css.md
            
          
    Please go to My Site →  Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.

/* This CSS moves the logo farther left and the menu farther right on the page.
* 10819785-hc (jw)
*/

/* LEFT SIDE */
.has-top-content .site-top-content, .has-top-content .main-navigation + .site-top-content {
  padding-left: 0px;
}
.header-top .wrap {
  padding-left: 10px;
}

/* RIGHT SIDE */
.header-top .wrap {
  padding-right: 0px;
}

/* Increases the menu width */
@media screen and (min-width: 1300px) {
  .header-top .wrap {
    max-width: 1300px;
  }
}

Tip: keep the /* comment */ in the code to later know what this code does.
Example of where to add the CSS