Set selective container as full width

This topic has 3 replies, 2 voices, and was last updated 7 months, 2 weeks ago by Aizaz Imtiaz Awan.

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

Author

Posts
March 20, 2024 at 7:34 pm #550830

ln91483
Participant

How to set selective container as full width?
1. Banner – Full Width
2. Container Full Width – Refer the attached container to make full width and inner container should be as the theme width.

If you’ve any more clarity kindly let me know.

Attachments:
You must be logged in to view attached files.

March 21, 2024 at 2:18 pm #551095

Aizaz Imtiaz Awan
Keymaster

Hello,

I have checked your site, the banner and other containers already in full width. For the elementor container width please check this manual:
https://elementor.com/help/set-flexbox-container-size-behavior/

Best Regards.

March 21, 2024 at 7:31 pm #551231

ln91483
Participant

Hi Aizaz, thank you for your message.

I’m already aware about Elementor Flexbox Container I’ve achived the full with on “Hello Elementor” theme. But on “WoodMart” It’s not allowing to extend the full width due to site width setting.

If I change the site width to “Content Full Width” It works but that affects whole website layout for all pages like shop, Category, Product Detail page, etc… I don’t wan’t to make all pages full width it looks ugly. Only few Containers I wish to make full width on homepage.

I’ve debugged and found a CSS class to achive my requirement “.wd-section-stretch”.

March 22, 2024 at 10:32 am #551354

Aizaz Imtiaz Awan
Keymaster

Hello,

Select Container widget and set Container stretch.
https://ibb.co/0CCFP42

Best Regards.
Author

Posts