nav bar like in daily dish pro theme

[Chrys]

Hi,

I'm really eager to learn how to do things and I'd like to make a nav bar like the one on the studiopress theme daily dish pro.
The double border is okay. My problem is make the navbar looks shorter than the page.
I don't know if I have to deal with margins, paddings or the wraps. I feel lost here even if I have downloaded the theme to look at the stylesheet... I don't know what I have to look for to get the same result.
If anyone has an idea?

https://www.dropbox.com/s/lscm5at6sq2ebgq/nav%20menu%20short.jpg?dl=0

Thanks.

[cwalsh]

It's not that the navbar is shorter than the page width, it's centered in that space. This is what makes it centered, text-align: center;

.genesis-nav-menu {
clear: both;
line-height: 1;
text-align: center;
width: 100%;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[Chrys]

Hi,

Thanks for that. I understand what you mean but maybe I should rephrase my question..If I wanted to do the same effect but starting with genesis sample. Where should I look first? Because if I put the code you gave me, it put the text of the nav bar in the middle but the nav bar is still from one end to the other...
That's where my problem is..I cannot determine what I have to work on..

Thanks a lot

Chrys

[DTHkelly]

Daily Dish Pro CSS:

In the style.css code for the theme, this particular piece of code is displaying the grey lines at the top:

.nav-primary {
    border-bottom: medium double #ddd;
    border-top: medium double #ddd;
}

[Author]

Posts