Full width page with elementor

This topic has 9 replies, 2 voices, and was last updated 5 months, 4 weeks ago by Hung Pham.

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

Author

Posts
July 31, 2024 at 9:44 am #586898

Andrew S.
Participant

Hi there,

1. I am designing a bespoke page with elementor and I chose page layout: elementor full width. I have also set the containers to full width (100%) but they are not as you can see.

2. How can I reduce this white space between the menu (grey line) and my hero banner?

Help please. Thanks a lot!

August 1, 2024 at 7:36 am #587163

Hung Pham
Participant

Hello Andrew S.,

Thanks for reaching to us.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

August 1, 2024 at 9:04 am #587177

Andrew S.
Participant

Thanks a lot. see attached

August 1, 2024 at 11:33 am #587254
Hung Pham
Participant
Hello Andrew S.,

Thanks for details.

1. Try to use the Theme Preset feature of our theme for specific pages where you want to display in full width. Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/

Then, go to Theme Settings > General > Layout and change the width https://prnt.sc/t3IcYr0LlV-3

2. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
```
div.main-page-wrapper {
	margin-top: 0;
	padding-top: 0;
}

header.whb-header{
	margin-bottom: 0;
}
```
Regards,
August 4, 2024 at 1:59 pm #587848

Andrew S.
Participant

Hi guys,

The page is already on full width settings and I’ve added the csss code and still nothing. You can see in the link below I shared.

August 4, 2024 at 3:57 pm #587855

Hung Pham
Participant

Hello Andrew S.,

I fixed for you, please check preset’s settings https://prnt.sc/x6eUkKzty2_q

Regards,

August 4, 2024 at 4:42 pm #587856

Andrew S.
Participant

Thanks Hung. There is still a small white space on the left and right of the video. I’m not sure we are at full width. Same for the green container beneath.

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

August 5, 2024 at 7:57 am #587882

Hung Pham
Participant

Hello Andrew S.,

Thanks for your patience.

Please edit page via Elementor > select Section widget and set Stretch section https://ibb.co/YRLZrnR

Regards,

August 5, 2024 at 9:39 am #587902

Andrew S.
Participant

Isn’t that settting slowing down the page load? I would avoid doing it. Is there another way?
Cheers!

August 5, 2024 at 2:46 pm #588047
Hung Pham
Participant
Hello Andrew S.,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Desktop:
```
.site-content.col-lg-12 {
	padding: 0;
}
```
Regards,
Author

Posts