Updated to 5.0.8 from 4.3.3. Now all the columns expanded to full width

I have the live site running Pro 4.3.3 and my sandbox site running Pro 5.0.8 what happened?

All my columns are now full width, I really don’t want to go in a change everyone.

Sandbox site: http://sandbox.tamarackpoodlepuppy.com/
Live Site: http://www.tamarackpoodlepuppy.com/

Hi @baddog,

Thank you for writing in, please do the following:

  • Clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.
  • There is a Style Cache under Cornerstone > Settings, please clear that too.
  • Reinstall your PRO, this issue can happen if the update process did not go well.

If nothing works, please provide us login credentials in a “Secure Note” so we can take a closer look.

Let us know how it goes,
Cheers!

I cleared all the caches, browsers, Cornerstone’s Style Cache, W3 Total Cache, I do not use a CDN, etc…, i reinstalled Pro 5.0.8. That did not work.

I have no option to send a secure note.

Hello @baddog,

In Cornerstone > Theme Options, Layouts, you have set 70% site width and the maximum width is 1920 pixels.

When I edited your homepage, it turns out that in the row settings, the Global Container is turn OFF.

Screen Shot 2021-09-04 at 9.08.31 AM

You will need to edit the pages and make sure to enable the “Global Containers”.

Kindly let us know how it goes.

So, Themco updates it Pro theme, I install it, and it forces me to have to edit every page on my client’s site. This is your solution and best practices approach?

Or, I can simply stay with version 4.3.3 for now and start looking for a new theme?

1 Like

Hello @baddog,

Sorry for the confusion with the global container settings. I have investigated your issue further and I found out that the issue occurred because you have inserted an orphaned z-index: 10;, z-index: 3; and z-index: 1; in the bar elements inline CSS in your footer.

When you first open the inline element CSS, you have this:

This means that when you insert a CSS code, it should be:

$el { z-index: 10; }

Anyway, you do not need to insert the z-index in a custom CSS. You can simply insert the value in the Setup option of the element. This should be in your bar element settings on the footer:

The orphaned CSS codes need to be removed to resolve the issue.

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.