Header menu and sidebar broken with Safari browser

[T-Time]

Hi there,

I have a browser compatibility issue with Safari using the iconic one Wordpress theme on my site Agenturjobs.de

When visiting the site with safari, the menu looks destroyed and the sidebar doesn’t even show up.

In all other browsers it works fine. Do you have any ideas on how to fix this?

Many thanks in advance!
Thomas

[TechnoBear]

Welcome to the forums, @T-Time. (And I’m sorry your post was caught in our anti-Spam system; I don’t know why that happened. )

Which version of Safari is this? (Just to be sure, it is Safari on Mac you’re talking about? Safari for Windows has been long since discontinued.)

[T-Time]

Hi TechnoBear,

Thanks for the warm welcome. I tried it with Safari 5.1.7 for Windows. But other users reported that the sidebar is also not shown with other Safari versions in combination with Mac or Mac book pro…

Cheers,
Thomas

[PaulOB]

@T-Time

Agenturjobs.de

Hi,

I can see that safari mac is misbehaving and it is likely it is a missing opening bracket in your css here.

@media screen and (max-width: 420px) {
	.themonic-logo 
	}
}

Safari will choke and not recover from errors like that and thus miss all your media queries for larger screens.

If that doesn’t fix your errors then run the css through the css validator as there are a couple of other simple errors to fix also.

[T-Time]

Thanks, That helped!

[Gandalf]

@T-Time

Safari 5.1.7 for Windows

This is a long-dead browser.