Return to previous page

Design issue with main image if fullwidth and strech section

This topic has 20 replies, 2 voices, and was last updated 1 years, 6 months ago ago by Rose Tyler

PJone

Participant

August 22, 2023 at 16:21

Hi,

We have a small but annoying design issue.
We created a main image for each page via Elementor. The section is fullwidth and stretched.

When the page loads, the main image is first boxed for 1-2 seconds and then stretched or displayed full width.

We just can’t find a solution.

We have already tried the following code:

.page-wrapper > .container {
max-width: none !important;
}

But then the blog pages are also full-width
displayed. We don’t want that.

Do you have a solution to this?

regards

Patrick

#365282 Copied Theme version: 9.1.12 WooCommerce version: 8.0.2

19 Answers

Rose Tyler

Support staff

August 23, 2023 at 09:14

Hello, PJone,

Thank you for getting in touch with us.

Please check how it works when the default WooCommerce theme – Storefront is activated on the site.
If you get the same behavior, you need to contact Elementor plugin support, because the situation is independent of our theme.

Elementor and our theme use scripts to make full-width row, and apply styles, so it takes some time while necessary scripts are loaded. You can enable site preloader to hide that effect or try to speed up the scripts loading using cache plugin, improve server speed settings.

Kind Regards,
8theme team

#365343 Copied

PJone

Participant

August 23, 2023 at 09:27

Hello,

I have already asked elementor.
They say it depends on your theme.

So what should I do now?
Incidentally, it has gotten worse since the last theme update and affects all projects. We have over 10 licenses with you.

Also Elementor does not load correctly on page editing.
Sometimes I have to refresh 3 times before it works.
This only affects projects built with your theme.

I have to agree with Elementor. I also think it’s your theme.
We will evaluate the refusal to help.

regards

Patrick

#365345 Copied

Rose Tyler

Support staff

August 23, 2023 at 10:27

Hello, PJone,

Thank you for your response.

We greatly appreciate you as our client who has purchased a significant number of licenses. We also look forward to our continued collaboration.

“It depends on your theme.” – as we have previously mentioned, you can easily check whether the current situation is caused by our theme or not. Simply activate the default theme temporarily on the site and you will be able to see how the site and Elementor effects work then.

We do not refuse to help, but the test should be done first. If it confirms that problems are caused by our theme, this thread will be passed to our developers team (temporary wp-admin and FTP access will be needed from your side for them).

Kind Regards,
8theme team

#365375 Copied
Rose Tyler

Support staff

August 23, 2023 at 12:34
Hello, PJone,

We have a few ideas for you:
1/ You can try to add some css conditions for your Custom CSS. Such as in next snippet:

body:not(.blog) .page-wrapper > .container { max-width: unset; }

It will make stretch container on all pages except for page with blog class of body (blog page).
2/ You can add something like next one (it will be more accurate but it will get some more css rather then if 1st solution)

.page-id-14 .page-wrapper > .container, .page-id-2256 .page-wrapper > .container { max-width: unset; }

P.S. Page id class you can find using dev tools (https://developer.chrome.com/docs/devtools/ ) → https://prnt.sc/oG-dSXQJhQsQ
3/ You can add manually custom CSS to stretch container on each page created with Elementor → https://prnt.sc/OauDXO-jm1bB

.page-wrapper > .container { max-width: unset; }

Make your choice for any solution you prefer!

Kind Regards,
8theme team
#365402 Copied
PJone

Participant

August 23, 2023 at 12:35

Hello,

we don’t have any other theme installed and don’t want to either.
We had a similar problem with your theme before.
We then followed your advice and temporarily installed another theme. After that, your theme was no longer usable. We had massive design problems.

Since the site is already live, we can’t take the risk. You had given us a CSS code for the similar problem that fixed the problem.

Maybe this is also just a small CSS code?

As i say, this Code:

.page-wrapper > .container {
max-width: none !important;
}

fixes the problem immediately.
But then the blog pages are no longer displayed correctly.

Regards

Patrick

Please contact administrator
for this information.

#365403 Copied

PJone

Participant

August 23, 2023 at 12:40

Hi,
Your email just overlapped with mine.
let me check your css codes …

regards

Patrick

#365404 Copied

Rose Tyler

Support staff

August 23, 2023 at 14:12

Hello, PJone,

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you according to support policy – https://www.8theme.com/documentation/xstore/support/support/

Kind Regards,
8theme team

#365429 Copied

PJone

Participant

August 24, 2023 at 13:14

Hi Rose,

now the only problem that remains is that the Elementor Builder no longer works correctly on 80% of all pages that we have created with your theme.

We have already changed the method of loading the editor. Unfortunately that doesn’t help either.

How can we solve this?
Shall I give you the address? This is located on our working server.

Note: This was not always the case. It’s only since the last updates.

regards

Patrick

#365540 Copied

Rose Tyler

Support staff

August 24, 2023 at 13:20

Hello, PJone,

We appreciate your prompt response.

Other our customers do not have this problem.
Please provide a video instruction, step by step, on what actions should be done and what pages edited so we can see the problem on your site.

Kind Regards,
8theme team

#365543 Copied

PJone

Participant

August 24, 2023 at 14:20

Hello,

here the screenvideo: https://pjone.de/dl/pj-screenvideo.avi

Please search bei Google: https://www.google.com/search?q=xstore+theme+elementor+issue&oq=xstore+theme+elementor+issue&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQIRigAdIBCDUyMjhqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8

Some customers describe the same problem.
We’ve had that problem before too. Then you solved it. Unfortunately I don’t remember the solution.

regards

Patrick

#365552 Copied

Rose Tyler

Support staff

August 24, 2023 at 14:30

Hello, PJone,

Thank you for your response.

In the video URL of the site is not visible. What your site should we check and using what credentials?
Please provide these data. The first thing we will check will be if the situation depends on our theme or not; and if this is caused by a 3rd-party plugin or not.

Also, please read this article from Elementor documentation – https://elementor.com/help/elementor-widget-panel-not-loading/

Kind Regards,
8theme team

#365553 Copied

PJone

Participant

August 24, 2023 at 14:43

Hi again,

please check the private data

on all projects with your theme and the same issue we use the follow plugins:

Elementor
Essential Addons (for Elelemtor)
Loco Translate
WP Optimize

on this pj-2 project we use elementskit addon for Elementor. This is not installed on other projects with same issue.

I have created a backup. So you’re welcome to test. It’s not a live site.

Please contact administrator
for this information.

#365555 Copied

Rose Tyler

Support staff

August 24, 2023 at 15:05

Hello, PJone,

Thank you for your response.

Please provide the correct credentials – https://prnt.sc/9izWpBsqWQja

Kind Regards,
8theme team

#365559 Copied

PJone

Participant

August 24, 2023 at 15:07

Hi,

oh sorry.
i create a new password.

regards

Patrick

Please contact administrator
for this information.

#365560 Copied

Rose Tyler

Support staff

August 24, 2023 at 15:29

Hello, PJone,

Thank you for your response.

Private Content

Kind Regards,
8theme team

Please contact administrator
for this information.

#365565 Copied

PJone

Participant

August 24, 2023 at 15:32

Is there no other solution than contacting Essentials Addons?
They just push it back to the theme anyway.

We’ve had that before.

Regards

Patrick

#365567 Copied

Rose Tyler

Support staff

August 24, 2023 at 17:18

Hello, PJone,

There is no ready solution from our side, unfortunately. Please contact the plugin author, maybe they will fix the problem quickly.

If you know that this problem was before, try to remember:
1/ When it occurred
2/ What caused it
3/ What was the fix for it

The Elementor plugin editor works fine when the Essential Addons for Elementor – Pro plugin is disabled, so one of these plugin support teams should be able to assist you.

We always do our best to help our customers, but in this case, cooperation is needed from your side. You installed 3rd party plugin, so please do not ignore our recommendations and contact the plugin author, or do not use that plugin.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#365580 Copied

PJone

Participant

August 25, 2023 at 10:30

Hi,

the solution is: define(‘WP_MEMORY_LIMIT’, ‘512M’);

regards

Patrick

#365662 Copied

Rose Tyler

Support staff

August 25, 2023 at 10:40

Hello, PJone,

We are glad that you solved the problem.

Kind Regards,
8theme team

#365664 Copied
Tagged: design issue, fullwidth image fix, main image fullwidth, stretch section problem, woocommerce template issues, woocommerce wordpress templates, wordpress design solutions
Viewing 20 results - 1 through 20 (of 20 total)