Custom Header in Elementor Pro affects the shop page layout

[poonam279]

Description

When using Elementor Pro to create a custom header for the shop page, the page displays in full width regardless of the container width setting (set to "contained"). This issue overrides the intended layout and affects the shop page's appearance.

I have rolled back to version 3.8.14 and it shows the correct layout.

Step-by-step reproduction instructions

1. Create a custom header using Elementor Pro.
2. Assign the header to display on the shop page.
3. Set the container width to "contained" in the theme settings.
4. View the shop page on the front end.

Screenshots, screen recording, code snippet or Help Scout ticket

HS: https://secure.helpscout.net/conversation/2801107488/446655

Shop page with version 3.8.14

Shop page with version 3.8.16

Environment info

No response

Is the issue you are reporting a regression

Yes, this is a regression.

[girishpanchal30]

@poonam279 I've reviewed this issue and fixed it with this PR #4350, Please check with the build zip and let me know if you encounter any issues.

[poonam279]

@girishpanchal30 I have tested the PR but it doesn't resolve the issue.

You can check it here.
https://humgovernor.s3-tastewp.com/91fa9-pro-shop/
Admin area URL: https://humgovernor.s3-tastewp.com/wp-admin
Username: poonam
Password: PBe2-gKkIi8

[girishpanchal30]

@poonam279 From my side, it looks like the screenshot below. Could you please share what issue occurred on your end?

[girishpanchal30]

Additionally, your test instance is missing some HTML elements, and I'm not sure why it differs from my local setup.

[poonam279]

@girishpanchal30, it appears that you didn't add the custom header created with elementor Pro on the shop page that's why the layout seems okay on your end. The issue occurred when we add a Elementor header on shop page. Can you please try?

[girishpanchal30]

@poonam279 Thank you! It looks like Elementor ignored the theme's header path, causing it to miss the 'Neve' theme's header hooks. I’ve made some fixes to resolve this.

Please test with the latest build zip and let me know if you encounter any issues.

Thanks!

[poonam279]

@girishpanchal30 It fixes the fullwidth layout issue but I noticed two other issues

• content width in the customizer has no effect on the shop page
• the left and right sidebar are not appearing as expected

[rodica-andronache]

Just a note here, for who's testing, this is not happening just when using a Custom Header. It's actually happening no matter what Template you choose from Elementor https://vertis.d.pr/i/LKuDKF ( footer, header etc ). If you make it appear on the Shop page https://vertis.d.pr/i/fpn0JS, the Shop page layout is broken, and the header is missing.

[girishpanchal30]

@rodica-andronache Thank you for the feedback! I've reviewed the issue you mentioned and resolved it in the latest commit.