Forums

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

Home Forums CSS responsive glitches

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #36107
    brent3721
    Member

    When switching between different media queries some elements (mainly my top nav) gets smaller, but this transition takes a second and in that time the layout breaks then reflows itself. I can’t seem to figure out a way around it, you can see the glitch in action here: http://mym6.mimoymima.com ((notice the sizes in the top left of the screen)) if you resize from 600-750 down to 480-600 and then again down to the mobile size you’ll see that the third top nav item wraps then repositions itself both times.

    Can anyone think of a way to get around that? nowrap float: none; don’t do anything here…

    I’m open to creative ideas here :D

    #94586
    Mottie
    Member

    I still suck at css3, but maybe try removing the transition time from the menu (#main-nav a:link, #main-nav a:visited)?

    #94594
    brent3721
    Member

    that fixes the problem, but the transitions are so cool :D so I really was hoping to keep them.

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