Cart Category Page Issues

Greetings,

I updated my theme (it was pre-Cornerstone) and now my Category pages in the cart are showing up full width instead of having the usual gutter on the left and right side of the page.

Here’s what they look like now: https://clearseasresearch.com/reports/industries/aec/

Here’s what they looked like pre-Upgrade:

I’ve been trying to fix this for 2 days, I’m stumped, searched through the forum and every other resource that I can think of and I haven’t had any luck.

Thanks so much!

Respectfully,
EJ Lear

Hello EJ Lear,

Thanks for writing to us.

It seems that there might be an issue of plugin conflict. I would suggest you troubleshoot with a few of the common issues before we investigate your settings.

  1. Testing For Theme Related Issue
  2. Testing For Plugin Conflict
  3. Theme Update
  4. Child Theme
  5. Css/Js Customization
  6. Increasing Php Memory Limit
  7. Disabling Cache
  8. Disabling Cdn
  9. Permalinks
  10. Version Compatibility

If none of those work, It would be best if you could copy your live website to your staging area. and send your details in a secure note so that we can investigate your setting without breaking your live site. Please provide the following details

  • WordPress Login URL
  • Admin level username and password
  • FTP Details

You can find the Secure Note button at the bottom of your posts

Thanks

Thanks so much, sorry for the delay, it took me awhile to create the staged site, please view the Secure Note for login details.

Hope that you are having a wonderful day!

Respectfully,
EJ Lear

Hello Earl,

You are having this issue because of your template modifications in the child theme. You have added a custom archive-product.php file that does not have a container.

You need to add the following containers on the said file:

<div class="x-container max width offset">
        <div class="x-main full" role="main">
.......... some template modifications here ......
         </div>
</div>

And then remove this custom CSS in your child theme’s style.css.

body.tax-product_cat div.x-container {
    display: block;
    position: relative;
    top: -100vh;
    margin-bottom: -100vh;
    z-index: 1;
}

Kindly let us know how it goes.

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