Center Logo and Main Navigation (Sterling theme)

[box type=”note”]Please note: As of Sterling 2.0 WordPress Theme this option has been added directly to the Site Options Panel located under the Logo Section. (Appearance > Site Options > Logo) Simply ignore this tutorial and center the logo very simply using Sterling’s new point-and-lick logo alignment options. For older versions of the theme simply follow the steps outlines below.[/box]

  1. Log into your Dashboard
  2. Access the Site Options Panel by clicking on ‘Appearance > Site Options’
  3. Click on the ‘Styling Options’ tab
  4. Scroll down and add the CSS code below into the ‘Custom CSS’ section
  5. Save changes and rejoice! :)
 .companyIdentity a {width:auto !important;margin:auto !important;display:block !important;text-align:center !important;} .companyIdentity img {float:none !important;} header nav {position:relative !important;top:30px !important;padding:5px 0 15px 0 !important;margin:0 !important;} nav ul{margin-left:8% !important;} 

If using the Sterling HTML Theme, just add the above code to the stylesheet _style.css

(click screenshot for full-size view)