Again I’m having trouble with different rendering in a browser.
There is no way to reduced the code because it is already lowered to the max, and the stack don’t leave put the entire code here.
Look this site (he is in portuguese, but the code are in english).
http://filmseasy.com/nepes/ (sorry about domain, but I needed somewhere for host)
I have one difference and one problem.
The difference is:
If you open in browsers like chrome, firefox, safari, opera, you will see that the set menu is not fixed (he must be). In Internet Explorer works normally.
I found something on the stack on when used transforms and fixed elements have a bug, but the proposed solutions don’t solve my problem, so I think not that is.
The problem is:
When opened at lower resolutions, responsive layout places the symbol menu, which when clicked displays the menu with a flip.
But when flip runs, the height of the main-content is recorded, and the menu goes down. I wonder if there is any other way to remove it without the need to put a fixed position on the menu or place a display none for the main-content.
UPDATE: I realized that when you’re in front, the back of the flip menu is also recorded in the height of the front. And if you open in the Android browser, the menu works (is fixed), but the symbol of the menu disappears.
Thanks for your patience.
