Center Logo and Main Navigation (Sterling theme)

Posted in: ,

Follow the steps bellow to center the Logo and Main Navigation in Sterling theme.

  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)