Cornerstone (or X) update broke my site

Not sure if I accidentally did an X theme update or somehow Cornerstone updated, but my site is totally broken now. In particular, elements within boxes seem to have shifted left so they start outside the left side of many boxes. Also images suddenly are HUGE. And A CARD element that used to be perfect is now messed up as well. (see details below)

I’ve tried playing with parameters, but can’t seem to find what has changed or how to get it back to the way it used to be.

Some particulars:
On the main page there are two CARD elements. They used to appear side-by side with a small space between then on a desktop, and one-up on a phone. Now even the desktop has them one-up, and HUGE. On the desktop the two sides also don’t align properly.

Similar problem with the GALLERY page. It used to display images two-up on the desktop and one-up on a phone. After whatever Cornerstone changes, they were all one-up even on the desktop (and huge). I tried re-creating the page so they appear properly on the desktop, but that just made then TINY on the phone.

On many pages, a TEXT box is positioned too far left, outside the section bounds. Also many are no longer filling the section box, so there is lots of space on the right side.

In my FAQ page, the ACCORDION is working, however when all are CLOSED, the background bar on all entries runs only the length of the longest title… before it ran the full width as it does when any line is OPEN

Site: goldleafportraits.com
Please help!?

Hi @hbelkin,

Thanks for reaching out.
It seems that you have updated the Cornerstone to its latest version 6.1.4 whereas the X theme is still in the older version 8.3.3. The issue you are having might be due to the incompatibility between the X and Cornerstone versions.

I would suggest you follow the below steps while updating the X theme and the Cornerstone.

  1. Delete the existing Cornerstone
  2. Update the X theme to the latest version on automatic updates
  3. After the X theme is updated, use the link in the dashboard to automatically install the Cornerstone. It will be in the latest version.

If that does not help, please provide login credentials for your staging site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Thanks! That was the problem! Didn’t notice the upgrade note

You are most welcome, @hbelkin

One more problem… I have a few videos on one of my pages (Product Details) but they are not showing up. I’ve looked at the configuration and all looks ok…?

Noticed that when I refresh the page they flash on for a second then are replaced by white
space

UPDATE: Turns out it is JETPACK. Works if I disable it

FURTHER UPDATE: Browsing other posts I found CSS code that solved the problem:
.mejs-container{
position: unset !important;
}

Thanks!

Hello @hbelkin,

Glad that you were able to fix your issue by yourself. Please feel free to open a new thread if you have any more concerns

Thanks