Grow your CSS skills. Land your dream job.

Menu item disappears in Safari not in other browsers?

  • # June 13, 2013 at 3:12 am

    On the following website ([www.bgfreightline.com](http://www.bgfreightline.com “bgfreightline.com”)) I am working on the menu at the top. It just disappears when scaling the browser window down to at tablet / phone size. But as far as i know it only happens when using safari 5.1.7. on a windows XP machine.
    Can anyone help me figure out as to why this is happening?

    Thanks in advance
    Richard

    # June 13, 2013 at 5:29 am

    Disappears on W7 too (Safari 5).

    # June 13, 2013 at 7:23 am

    Okay thanks. Wierd!?

    # June 13, 2013 at 7:24 am

    at Paulie_D. Any ideas?

    # June 13, 2013 at 7:27 am

    Not really….The menu reappears if you remove float:none when at the problem size but it’s not styled as you might want.

    The only thing I can think of is a media query issue that Chrome just ‘manages’ but Safari borks on.

    # June 13, 2013 at 9:23 am

    Yes I had noticed that as well…..very strange. Thanks anyway.

    # June 13, 2013 at 11:40 am

    Make sure that for those screen widths, the position:relative; for #access li is removed. It’s twice in your code (lines 64 and 576).

    # June 14, 2013 at 2:53 am

    Ahhaa.. Got it!!
    I changed:
    position: relative; on line 64 to
    position: static;

    And that did the trick for me!

    Thanks Senff for spoting this. ;-)

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".