So one of my Wordpress websites got hacked so I had to restore it from a backup. In doing so I had to create a new menu however the menu is now vertical not horizontal and seems to ignore display: inline-block or display:inline.
The menu UL is inside of 2 divs, and all of them are inside of another UL (which has no List items). If @Senff's idea doesn't work, that might be the hack. Would something like ul.menu li {float: left;} work?
So one of my Wordpress websites got hacked so I had to restore it from a backup. In doing so I had to create a new menu however the menu is now vertical not horizontal and seems to ignore display: inline-block or display:inline.
http://www.leedsrag.org.uk/ [Password is 'csstricks']
http://www.jshjohnson.com/images/LRscreen.png (what is should and used to look like)
Any ideas?
If you give the LI's
display:block;they should line up horizontally.Also, it looks like the div with id "access" is wrapped in a UL -- which shouldn't be. Not sure if that had to do with the hack.
The menu UL is inside of 2 divs, and all of them are inside of another UL (which has no List items). If @Senff's idea doesn't work, that might be the hack. Would something like ul.menu li {float: left;} work?
Indeed, but the wrapping UL (the one wrapping the two divs) should just not be there in the first place, so regardless, that should be removed.
Ahh removing that weird UL wrap seemed to work. Thanks guys
Although it has forced all dropdown menus to the left of the page
Ignore this - just had to remove left:0