The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fixed menu in webkit and moz browsers

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #161992

    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). (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.


    I think you need to take the <section> with a class of “fixed-menu-bar” out of the <div> with a class of “flipper” and put it before the ‘flipper’ div in the HTML source.

    That will correct the fixed menu part.

    It might affect whatever else you are trying to do though

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.