New Landing How can we help? Cardinal CSS Broken on PCs

Viewing 15 posts - 1 through 15 (of 18 total)
  • Posted in: Cardinal
  • #141041
    bchen311
    Member
    Post count: 12

    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!

    #141157
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    #141275
    bchen311
    Member
    Post count: 12

    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?

    #141444
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    #141551
    bchen311
    Member
    Post count: 12
    This reply has been marked as private.
    #142234
    laranz – SUPPORT
    Member
    Post count: 3186

    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.

    #142809
    bchen311
    Member
    Post count: 12

    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.

    #142828
    laranz – SUPPORT
    Member
    Post count: 3186

    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.

    #142832
    bchen311
    Member
    Post count: 12

    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?

    #142833
    laranz – SUPPORT
    Member
    Post count: 3186

    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.

    #142834
    bchen311
    Member
    Post count: 12

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

    #142840
    laranz – SUPPORT
    Member
    Post count: 3186

    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.

    #142843
    bchen311
    Member
    Post count: 12

    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?

    #142846
    laranz – SUPPORT
    Member
    Post count: 3186

    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.

    #142850
    bchen311
    Member
    Post count: 12

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

Viewing 15 posts - 1 through 15 (of 18 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register