Navigation and Logo
URL to the page in question:
http://maureenduboisdesigns.com/
-
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?
Good Afternoon Robyn,
Excellent question. You can do that. Here’s how:
- Go to your theme options page and choose the Advanced tab.
- 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;
}
- 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
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
I’m glad you’re enjoying it. Options are good 😉
- The topic ‘Navigation and Logo’ is closed to new replies.