Navigation and Logo

Support Area Forums Bottega Navigation and Logo

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://maureenduboisdesigns.com/
  • Author
    Posts
  • #26057
    Robyn Sealock
    Participant

    My client really wants her logo centered and the navigation across the page – I realize that isn’t how this theme is created – She likes the way this site looks http://www.rachelreider.com/ and would like me to replicate the logo in the middle with navigation across the top. Is that even possible with this theme?

    #26058
    Bill Robbins
    Moderator

    Good Afternoon Robyn,

    Excellent question. You can do that. Here’s how:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      #header {
      	height: auto;
      	padding-bottom: 10px;
      }
      
      #logo,
      #text-logo {
      	position: relative;
      	left: auto;
      	top: auto;
      	text-align: center;
      }
      
      #navigation {
      	margin-top: 10px;
      	float: none;
      	width: 100%;
      	text-align: center;
      }
      
      #navigation ul {
      	width: 100%;
      	text-align: center;
      }
      
      #navigation ul.menu li{
      	display: inline-block;
      	float: none;
      }
      
    3. Update your settings.

    Once you add your logo and menu items, you may have to tweak the positioning a bit, but that should get you started in that direction.

    Thanks,
    Bill

    #26060
    Robyn Sealock
    Participant

    Thank you so much – Now I can give the client a choice, but personally I like the logo to the left with the navigation to the right – I love this theme by the way – so easy to use.

    Sharon

    #26061
    Bill Robbins
    Moderator

    I’m glad you’re enjoying it. Options are good 😉

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Navigation and Logo’ is closed to new replies.