Website appearing distorted

Sparkling
1

Hey guys,

I’ve been dealing with a very unusual problem with my website recently.

Upon viewing the website for the first time, it looks distorted. The dropdown menu under “How To Get American Netflix” disappears except for the first result, the widget area reaches the nav bar, and the width of my featured image does not match with the width of the post area.

1340×601 232 KB

However, with a quick refresh, all these issues are solved. The only time they return is if you clear your cache or cookies, although I’m not quite sure which one. I’ve tested this repeatedly by using incognito.

1349×575 227 KB

The URL to my website: http://goo.gl/XbJDBA

I’m using the latest version of Sparkling, and I also use CloudFlare, if that matters.

Any help is greatly appreciated!

2

Any help with this would be greatly appreciated.

3

Hi @xeronations,

Sorry to hear of the problem you are having.

I visited your site and could confirm the issue.

I troubleshooted it and found it’as occurring due to the following custom CSS code added on your site.

.container {
    margin: 0;
    width: 100%;
    overflow: hidden;
}

To resolve the issue please remove the above custom CSS from your site or try adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

.container.main-content-area {
    margin: 40px auto;
    width: inherit;
    overflow: visible;
}

Best Regards,
Movin