Sparkling Layout Resize / Resizing

Hi-- I’ve been using your theme for quite a while and really enjoy it. Recently an issue has cropped up on desktop displays for the theme. The site loads normally with the images and layout correct, but after a beat it resizes and shows everything in about half the area it should. I checked with three different browsers and had someone else check as well. My site is here.

No other themes I tried are experiencing this problem, and it began between theme updates. I have to believe it’s happening in the stylesheets-- either there’s something wrong with the headers, the theme may be mistaking desktops for mobile, or there could be an overriding line of code somewhere messing things up. Any guidance would be very appreciated. Thank you!

Hi Danny,

I hope you are well today and thanks for posting here.

This is happening because of CSS conflict on your site.

You can try resolving this issue by 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 -> Additional CSS

#page .container {
    width: 100%;
}
@media (min-width: 768px){
#page .container {
    width: 750px;
}
}
@media (min-width: 992px){
#page .container  {
    width: 970px;
}
}
@media (min-width: 1200px){
#page .container  {
    width: 1170px;
}
}

Best Regards,
Movin

That worked perfectly! Thank you so much, Movin, I really appreciate it!

You are most welcome here :slight_smile: