CODEWITHSUNDEEP
csswordpressgoogle-chrome
Muhammad Ali
Muhammad Ali

Reputation: 119

CSS of my site broken in chrome

Having a really hard time figuring this out.

http://www.gemcode.co.uk/

The site works fine on firefox but is completely broken on chrome.

Havent tested IE as of yet.

I recently bought a basic level membership of cloudflare but I have turned on development mode and purged cache from wordpress CMS panel and the cloudflare settings. This is the most recent change I have made. Before this it was working perfectly.

Any help would be greatly appreciated.

I am clueless.

chrome view

Firefox view

** Added this into the style.css **

.page-container { padding-top: 0px;!important }

It comes up fine on my browser now? how about you guys?

Upvotes: 0

Views: 300

Answers (1)

David O'Regan
David O'Regan

Reputation: 2674

There is something gone wrong with your JS as I can reproduce the issue on my Chrome - (Canary Version 52).

I think you need to roll back to your previous iteration and then have a look at what changed from when it was working fine to now.

In my experience with WP using page builders, the JS calculations for margin and padding can break very easily. Which seems to be exactly whats gone wrong with your site: 

class="et-animated-content"

Is the main culprit.

Most often these issues come from a minification process gone wrong.

Also, you should investigate how your JS/CSS files are served given there is about 2 second delay before any styling what so ever kicks in, which is far too much.

Upvotes: 1

Related Questions