snajvid

Thank you!

The problem just took a further step. The content area didn’t follow with it. Now there’s just a big white hole between them.

I tried fixing it, na?vely, with
`.content-area {
float: right;
width: 83%;
}

…as I set the sidebar to 17%. Didn’t do anything.

Stumbled upon the solution. Appaerently Firefox reads the .site-header away from the .body

Adding
width: 100% to `.site-header {
text-align: center;
width: 100%;
}`
to style.css solved the offset and enlarged header. Without this the header picture will, in Firefox, be shown at it’s original size. What that might be. Mine was 2000px. Now it sets at the maximun value of 100% which is 960px. Here’s how the site looks at the moment: film.snajvid.com.

Thanks for all the help. Learned a lot in the process.

Thank you. Wrapping it solved it. Important though to wrap inside of<!– Custom header – start –> and <!– Custom header – end –>.

Any thoughts about the Firefox issue? I haven’t touched anything (to my knowledge) that should make something like that.

Thank you.

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)?

Got help from Twitter. Problem solved.