Center Logo and Main Navigation (Sterling theme)

Posted in: ,
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.

  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)