CODEWITHSUNDEEP
cssinternet-explorer-8cross-browseruinavigationbarzurb-foundation
Nesta
Nesta

Reputation: 1008

Navigation Bar IE8 issue

I'm building a html website using foundation.zurb 4 framework and now I'm having an issue on making the nav bar work on IE8. I kind of manage to make everything work on IE8 except that nav bar. I'm using a separate css file for the nav bar menu and another one for the IE8 tweaks. All the files can be found here.

I'd like to apologise the fact that the code is quite long and hope my request is not a bit too much to ask. I hope someone could help me as I'm getting a bit desperate now :(

Update: See it in action here It doesn't need to be responsive on IE8 I just want it to be static ;)

Upvotes: 0

Views: 987

Answers (1)

Riskbreaker
Riskbreaker

Reputation: 4791

Media Queries - Responsive CSS3 is not supported for ie8 or less.

You are using this:

@media only screen and (min-width: 58.75em)
.top-bar .toggle-topbar {
display: none;
}

IE8 is like..."WTFISTHIS?"

Meaning it tries doing it but it just doesn't understand going back and forth

There is this plugin:

https://github.com/scottjehl/Respond

If you really need to support it but my answer is to let ie8 be static like a regular desktop version.

Upvotes: 1

Related Questions