CSS Broken on PCs

[bchen311]

Hello,

For some reason, my website works on all Mac browsers, but when I try it on various PC browsers, the CSS stops to function. I tried inspecting the code, and it seems like the css classes being added to the body tag doesn’t fully populate in the PC browsers, which causes the CSS to not work properly. In the PC Browsers, I just see these classes being added: ” standard-browser pace-done”, while in Macs I see a lot more classes. I’m wondering if there’s something that’s breaking the code preventing these classes from being added?

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

You have an error in your javascript console.

Can you try to deactivate all the plugins and check again how it displays in the PC just to discard any plugin conflict?

-Rui

[bchen311]

Hi,

The error in the javascript console that I see is this: Uncaught Error: Syntax error, unrecognized expression: :nth-child.

I tried deactivating all the plugins, and the javascript error was still there, and the css was still broken in browsers in PCs (still missing those classes in the body tag). Then I tried removing all the slides in swift-slider (made them all drafts, plugins still all disabled) and the javascript error disappeared, but the css was again still broken in PC browsers, so not too sure if that’s the problem?

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot of your issue so i can inspect the issue.
Thanks
Mohammad

[bchen311]

This reply has been marked as private.

[laranz – SUPPORT]

Hi,

It is strange, I run windows 8.1 and check on all the browsers, it works without any issue, can you try deactivate all plugins, clear cache if any and check that in the windows system.

Let us know,

Thanks,
laranz.

[bchen311]

Hi,

That’s probably because I’ve been getting around the issue by manually adding the necessary classes to the body tag via javascript. If you check the html, you can see that the body tag is missing most of the classes that you can see inside mac browsers. I’ve deactivated all plugins, cleared the cache, checked in windows, and it’s still broken.

[laranz – SUPPORT]

Hi,

You mean,

I’ve been getting around the issue by manually adding the necessary classes to the body tag via javascript.

You written a script to add classes to body? If so I suggest you to check your scripts for any errors, you can add classes to the body via the WordPress way, http://codex.wordpress.org/Function_Reference/body_class too.

Let us know,

Thanks,
laranz.

[bchen311]

Yes, I would prefer not to use any scripts or the wordpress way if possible. If I remove the script, the theme is not working as intended (meaning those classes that get added to the body tag in the mac browsers aren’t being added in the pc browsers).

I can remove the script and you can see the error again?

[laranz – SUPPORT]

Hi,

I am asking that, did you use any scripts other than the theme’s default ones to add any body class??

Let us know,

Thanks,
laranz.

[bchen311]

None, I didn’t add any scripts to change the body class (I removed it).

[laranz – SUPPORT]

Hi,

After removing did that works? Did you try view the site in a different windows machine? Perhaps a friend’s system? I also forward this to one of my colleague to take a look at the issue, because I Didn’t able to reproduce the issue.

Let us know,

Thanks,
laranz.

[bchen311]

After removing, it’s broken again, looks like the screenshot I’ve attached above. I’ve tried in multiple machines, including several of my friends’ laptops, and they all have the issue. Can you attach a screenshot of what you’re seeing after you cleared your cache on your windows machine?

[laranz – SUPPORT]

Hi,

After clearing the cache, it is like you said, also there is a js error http://take.ms/a4b3D I doubt that is the reason for all of this. Remove all scripts you added and also disable all the plugins including the default one, and check this happens or not.

Let us know,

Thanks,
laranz.

[bchen311]

Okay, I disabled all plugins, the js error is gone, and the css still seems broken.