Why are "About" and "Blogs" displayed above each other?

0
votes

This Wordpress theme beats me! ;-)

I can't understand why "About" and "Blogs" are displayed above each other here:

http://ourcomments.org/psyblog/it/

There is another blog here with another theme. On that blog "About" and "Blogs" are displayed beside each other:

http://ourcomments.org/psyblog/

I have looked at all the CSS properties I can think of here, like

display, ul: list-style-type, li: list-style-type etc.

What am I missing?

2
csswordpresshtml-lists
All those importants makes me cringe! It wraps because the width is too small. And why it works on the other, just glancing at the page you can see the fonts are different size. - epascarello
Ah, thanks @epascarello, that might be the reason. I did not set !important on font specs! ;-) - Leo
That was the reason. :-) - Leo

2 Answers

1
votes

Check your #mh1-menu, you set your width: 115px;, and please not use !important on all of your css if not necessary.

0
votes

On the link provided(first link) the menu css is displayed out of the twentyfourteen's wordpress theme style.css file and inside the html head.

find the css for the menu.

change this

#mh1 li {
    padding: 0 !important;
    margin: 0 !important;
}

to this

#mh1 li { 
    padding: 0 !important;
    margin: 0 !important;
    float: left !important;
    line-height: 40px !important;
}