Elementor Container Issue

This topic has 7 replies, 3 voices, and was last updated 1 year, 8 months ago by Bogdan Donovan.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
July 5, 2023 at 7:04 pm #479445

leejay123
Participant

Problem: https://jmp.sh/PkAdzO7Z

Im having problems with the Elementor Container.

Ive created a new page and the template I have selected Is, “Theme,” https://gyazo.com/decd7bfe5c7538565245e5e1493f6aaf

I have set the website container width as 1340px within the “Woodmart theme settings”
https://gyazo.com/f486ae9aa186a4d68f214624e72d6c7c

I have changed Elementor “content width” to 1340px
https://gyazo.com/3c1eaf20362ecbebc85e7fac6225e7fb

I do not have any margins or paddings set in the sections or columns that could be causing the Issue.

Please take a look by logging into my website.

July 6, 2023 at 12:23 am #479486
leejay123
Participant
I have even tried to create a new section but as you can see here it does not align with the header.
As explained above i have set 1340px as the content width!
https://jmp.sh/7GVIhkG6
https://jmp.sh/HDrNN2I1
- This reply was modified 1 year, 8 months ago by leejay123.
July 6, 2023 at 12:34 am #479495

leejay123
Participant

See here too: https://jmp.sh/LjsekdZS

July 6, 2023 at 9:40 am #479563

Artem Temos
Keymaster

Hello,

It works in the way you configured the container in Elementor and it is not a theme issue. You added extra spacing between containers https://gyazo.com/4749a361eb8419dee46ad6e476df9c36
https://prnt.sc/788p5I_5YQAd

Kind Regards

July 6, 2023 at 10:47 am #479588

leejay123
Participant

Ive removed the margins, this was to separate the columns.
It still the same!
As shown here https://jumpshare.com/v/cw9tmBys4EZNcFt43XLO and https://jumpshare.com/v/qNWbxIKsaWmF2WCx9F2w.
The containers never align with the theme header bottom.
https://jmp.sh/pX6Qwmpg

July 6, 2023 at 11:03 am #479596

Bogdan Donovan
Keymaster

To align with site container, the summary width of your three columns should be 100%.

Your left column width is set to 30% (https://prnt.sc/BAHzi-RMybt2)
Center column width is set to 39.333% (https://prnt.sc/4V3ce4QdgwoK)
Right column width is set to 30% (https://prnt.sc/Wam68QsZY5R9)

Which in total is 99.3333%. This width is less than 100% and does not allow to completely fill the site container, leaving empty space on the side.

Kind Regards

July 6, 2023 at 11:30 am #479601

leejay123
Participant

I set column 1 as 30%
I set column 2 as 40%
I set column 3 as 30%
this makes a total of 100%
It automatically changes the middle column to 39.333? It does not go to 40

July 6, 2023 at 2:49 pm #479659

Bogdan Donovan
Keymaster

Hello,

Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

Kind Regards
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

Elementor Container Issue

Create your WordPress website.