Shop Archive layout broken. Help, Please (WordPress Theme)

[opus95448]

I have updated the theme from 2.18 to 3.0 (put it in a separate folder and adjusted the CSS files) and now the shop pages look like the attached screenshot. The sidebar is sticked to the left, the shop grid is sticked to the right. I removed all my custom CSS = same problem. I deactivated all plugins = same problem. Can you help?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Go to Pages > Shop and edit the page, make sure the page builder is not enabled, then resave

– Kyle

[opus95448]

I switched to Classic editor and Text mode and updated the page. No change. This issue is present on every page in the shop (no matter which category or filter) except the products itself.

[Kyle – SUPPORT]

Please provide me with a link and login so I can look into this for you

– Kyle

[opus95448]

This reply has been marked as private.

[Kyle – SUPPORT]

Not sure what’s going on here, will forward to the developer for you

– Kyle

[opus95448]

This reply has been marked as private.

[Kyle – SUPPORT]

Ok no problem

[Gierano]

Same problem after update to 3.0.1

Have broken page layout on some catalog page. But on other catalog page everything is fine.

Any way to fix it?

[Rui Guerreiro – SUPPORT]

@opus95448
Can you check the user credentials you gave us? Getting this error below
https://www.dropbox.com/s/hnca2q93l1j3x49/login_error.png?dl=0

@Gierano

Can you send the url of those 2 pages?

-Rui

[Gierano]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Can you guys add the code below to your custom css option?
This solution will be revised by our head developer asap.

@media (min-width: 1200px){
.pb-fw-wrap, .navbar-static-top .pb-fw-wrap, .navbar-fixed-top .pb-fw-wrap, .navbar-fixed-bottom .pb-fw-wrap {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
}

.pb-fw-wrap, .navbar-static-top .pb-fw-wrap, .navbar-fixed-top .pb-fw-wrap, .navbar-fixed-bottom .pb-fw-wrap {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 979px) and (min-width: 768px){
 width: 724px;
  margin-left: auto;
  margin-right: auto;
}

-Rui

[Gierano]

This reply has been marked as private.

[Swift Ideas – Ed]

Hi guys,

Please remove that code above – the issue is that the page has been saved with the Page Builder active (and thus making it show in full width mode). If you edit the page, disable the page builder, and then save the page it should sort the issue.

– Ed

[Gierano]

This reply has been marked as private.