Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

DON FLOYD
DON FLOYD
3,711 Points
Posted by DON FLOYD
DON FLOYD
3,711 Points

Menu wont display horizontaly outwith chrome

Hi Guys,

I done the course on here to build a wordpress theme and all seems to be coming along nicely except the menu. I want a horizontal menu it works fine in chrome although IE 11 and firefox 24 it displays vertically how can I rectify this?

http://ubuntuwpress.cloudapp.net/test/wordpress/

I have added the HTML5shiv, although it cant be this as the browsers have HTML 5 support. The site is not finished yet and I know there are changes/improvements needed.

Cheers in advanced for any help.

5 Answers

DON FLOYD
DON FLOYD
3,711 Points
DON FLOYD
DON FLOYD
3,711 Points

I have added an extract of code to codepen regarding the navigation bar, hope this helps.

http://cdpn.io/hJBlH

DON FLOYD
DON FLOYD
3,711 Points
DON FLOYD
DON FLOYD
3,711 Points

After loads off messing about, I needed to amend the CSS to show as below. I understand its all about learning although it does get frustrating when you search for the answers and you cannot find them. Hopefully this will help someone in future as the code provided on the video does not work outwith Safari and Chrome.

nav {

padding: 2% 0;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;  
margin: 2% 0 2% 0;
}

nav a { font-family: 'GoudyRegular'; display:block;

text-align:center;
font-size: 1.25;
color: #36cc66;
display: inline;
margin: 0% 2% 0% 2%;
}
Pedro Baumann
Pedro Baumann
12,815 Points
Pedro Baumann
Pedro Baumann
12,815 Points

Maybe if you showed us your code in codepen or here we could help you more precisely!

Zac Gordon
STAFF
Zac Gordon
Treehouse Guest Teacher
Zac Gordon
Zac Gordon
Treehouse Guest Teacher

Hey mate search around the forums a bit, a number of people have posted some CSS fixes :)

DON FLOYD
DON FLOYD
3,711 Points
DON FLOYD
DON FLOYD
3,711 Points

Hi Zac,

I have been looking around both here and the wider net,I cannot find a suitable solution. I have replied to a thread on this forum if you have time I would really appreciate your input.

https://teamtreehouse.com/forum/coding-the-header-and-footer-my-navigation-menu-is-vertical