Mega Menu width

Thx for the response.

Unfortunately your CSS is doing exactly the same that mine does.
When you add the CSS in Firebug it looks fine since the page does not reload.

I guess the width for the mega menu is calculated on pageload based on the width of .container or something like that?

Any other ideas?

I now use the following code to prevent the mega menus width to get screwed up:

.avia_mega_div {
     max-width: 60vw;
}

I dont know how that would look in other web browsers.
And i wonder if that would cause any problems … for mee it seems like nobody wants to talk about the vh and vw lenght units.

You are right, the login in not working.

But the solution i posted here seems to work. I was just wondering if that would cause any problems since i’ce never really used this lenght unit.

yes, i’ve tried percentage values, but the parent element is the menu item which is 78px width.
And since the width of the menu item does not resize with the screen size, it wouldn’t work even if i’d use something like 1000% (780 px)

I just wonder, why it get’s messed up in the first place. You say it’s no JS that calculates the width?

I removed the solution with the viewport CSS from the demo site so you can see how the width is messed up.