Menu icon Foundation
Top-Bar not displaying correctly on Safari/Firefox but correct on Chrome

Hi there,

I seem to have a problem with the Top-Bar where it seems to work on some browsers (IE, Chrome) but not others (Safari, Firefox).

It appears as if a Media-Query is not being fired up hence the Top-Bar displaying as 2 rows.

I was wondering if there's some CSS code I need to initialise for Safari & Firefox?

The website is Sprachspielspass.de

Screen shot 2015 09 28 at 13.55.30

Screen shot 2015 09 28 at 14.24.54

Safarifirefoxtop-bar

Hi there,

I seem to have a problem with the Top-Bar where it seems to work on some browsers (IE, Chrome) but not others (Safari, Firefox).

It appears as if a Media-Query is not being fired up hence the Top-Bar displaying as 2 rows.

I was wondering if there's some CSS code I need to initialise for Safari & Firefox?

The website is Sprachspielspass.de

Screen shot 2015 09 28 at 13.55.30

Screen shot 2015 09 28 at 14.24.54

Francis Chung about 4 years ago

It looks like the Top-bar menu item's font-weight being bold seems to have an effect.
Turning it off seems to fix it.

I tried to change the Media Query Hamburger menu breakpoint by increasing the width, but it didn't seem to have an effect.

Strange that some browsers will render it correctly, whilst others won't.