Horizontal nav-menu

Got help from Twitter. Problem solved.

It would be good if you would post full answer, so other Tiny Forge users could benefit too ??

P.S. Don’t forget to share the results of your work!

Of course, youre right. The code which solved the problem looks like:

.main-navigation ul.nav-menu ul.sub-menu li {
display: inline-block !important; position:relative!important; float: left!important; width: 130px!important; margin: 0; padding: 0;
}
.main-navigation li ul { width: 700px; }

.main-navigation li ul li a { width: 120px!important; margin: 0; padding: 5px;}
.main-navigation li ul li { width: 120px!important; margin: 0; padding: 5px;}

Worth mention is that this is at a set width and not responsive at all. I still have the same problem when the screen gets small and also on a mobile platform.

It’s the “Recensioner” on film.snajvid.com menu with the genres to the movie reviews that stacked up in one column.

Also, off topic: but it seems impossible to link the header to homepage (www.film.snajvid.com)?

Header links automatically to the home address that is entered under settings > general.

In order to get responsive, you have to copy that code only to media queries (style.css section 12) and not to the mail css part.

Also on firefox header looks shifted to the side:

View post on imgur.com

Thank you.