Issue with full width container

Hi team,
I have built my site with Elementor container on OceanWP theme. after switching to the Woodmart theme my pages started having page width issues even though I have selected full width from Theme Settings >> General Layout. But when I import Woodmart prebuild sections they don’t show any width problem. Now I have set the custom width to 1920px and disabled the Flexbox container in Elementor which deletes all my previous work with container, but it still has 15px padding from left and right from the class “site-content col-lg-12 col-12 col-md-12” even with sections.
find the attached file below and please answer these:
1. Does Woodmart is incompatible with Elementor Flexbox container?
2. Provide a solution to solve this issue

Attachments:

You must be logged in to view attached files.

Also, when I add a new section. The column of that section takes full page width while section have 15px left/right padding. STRANGE!!!. Seems like the website layout is really messed up now after switching. Very unclean. 😒
Find the screenshot below:
The orange strip is filled column with no right/left padding.
The black strip is filled section with 15px right/left padding.

Attachments:

You must be logged in to view attached files.

Hello,

For now, the WoodMart theme is not compatible with flex containers, please replace it with usual sections. We will add integration as soon as we see this functionality is stable.

If you have any questions please feel free to contact us.

Best Regards

Please answer answer “2. Provide a solution to solve this issue” from forum #480106 and also give a response to #480111. I am getting 15px left/right padding and 40 px top/bottom padding on every page, doesn’t matter whether I use Flex container or sections.

Looking forward to your on time response.

Hello,

Your site is under maintenance mode, insert the site admin access into the Private content below the message area. We will take a closer look at the case.

If you have any questions please feel free to contact us.

Best Regards

Please check the login details given below.
Is there any way where we can schedule a call on AnyDesk or something like that?
Regards

Hello,

Please try to configure the sections this way: https://gyazo.com/a02dc0cb57c2928ddc3f1c6af489fb87

Best Regards

Thanks, it worked.
Can I keep using containers instead of sections? because both containers and sections show the same results while using this method.
Sections are having very poor performance even after following the Woodmart Speed Optimization guide.

Hello,

Yes, you can, we have recently added the compatibility.

If you have any questions please feel free to contact us.

Best Regards

Hi, thanks for confirming that its compatible with Woodmart but when I select “stretch section” for the containers, It disturbs the layout of the content within the container.
The content got ~70px width.

Hello,

We have checked your site and see that the stretch container option is working normally (video https://gyazo.com/af91d38a56679f59bbe1eeb2175b8924), but some of your starch containers have overwritten content width option (https://gyazo.com/20c2f1790aec85fbed2331c873d54a21), so if you want to make your content inherit content width from values set in theme settings you need to reset your container width option and leave it empty (https://prnt.sc/tkI5Q3wg4Wu0).

Kind Regards

1)You are applying “stretch container to a section”, I asked about applying stretch container option to a “elementor flexbox container”

2) The link “(https://prnt.sc/tkI5Q3wg4Wu0)” you attached to the screenshot isn’t working, please tell me the all steps of settings and how can I achieve this in order to make “elementor flexbox container” work, that you said in the previous reply 👇
“inherit content width from values set in theme settings you need to reset your container width option and leave it empty”

Thanks

Hi,

Sorry, but your issue from this reply is no clear enough. We have checked your site homepage, and it looks normal (video https://gyazo.com/dc97e38c07ff425b39185a12a89de32e). Please, describe to us your problems in a bit more detail. Attach some screenshots or video and provide us with a list of steps on how to reproduce them on your website.

Thank you in advance.

[Author]

Posts