Home page banner design problem
-
Hello, my friend
I have a problem on my Home page banner design problem.
Attachments:
You must be
logged in to view attached files.
Hello,
Thanks for reaching out.
– To fix the banner spacing, add a negative top margin of about -40px to your banner/section so it aligns as intended.
– The reference site you mentioned uses a simple Image element, not a slider. You can replicate it with a single Image element. If you need text over the image, use the Promo Banner element instead.
Kind regards,
XTemos Studio
Hello,
1. You can edit the first section on the home page and apply this workaround as described in our documentation https://xtemos.com/docs-topic/top-and-bottom-paddings/
2. Could you please add the promo banner now and send us screenshots of the problems so we can investigate and help you?
Kind Regards
Hi, Serg
We have used the simple Image element to add the banner photo, and the home page banner work well now,
Hi, Serg
When we use the simple Image element to add the banner photos, and slect the full size show for the photos,
Attachments:
You must be
logged in to view attached files.
Hello,
To investigate this issue further, please provide your admin credentials in a private content. This will allow us to check your settings and identify the root cause.
Thank you in advance.
Best regards
Hi, Serg
Please check the following admin panel
Hi, Serg
Are you stay here ?
Hello,
I’m trying to edit your home page with Elementor, but the editor never loads https://gyazo.com/95f380fbffb4b20e8c592388f326e582
Could you please check from your end?
Kind Regards
Hi, Serg
Yes, the home page is slowly, by elementor, since we updated the wordpress 7.0.
It should need some time to wait to edit the home page.
Could you please let me know how to edit the home page at your free time ?
Hi, Serg
Yes, the home page is fast by elementor now.
Could you please let me know how to edit the home page at your free time ?
Hello,
Even after waiting for a few minutes, it still can’t be loaded at all. Here is a screenshot https://gyazo.com/dafba7ec452460eabecc030fc57c8945
Could you please try to disable all plugins that are not related to our theme temporarily?
Kind Regards
Hello, Serg
We have disable all plugins that are not related to our theme temporarily at the moment!
Can you edit our home page by elementor now ?
Hello, Serg
We have disable all plugins that are not related to our theme temporarily at the moment!
Can you edit our home page by elementor now ?
Because, we have disabled all plugins, so, when you find the problems, then, we will restore our website again from the siteground again. is it ok ?
Hello,
Strange, but it still can’t be loaded. Try to edit the home page if it loads well for you and disable the custom header for it. Leave that field empty to load the default header.
Kind Regards
Hello, Serg
We can edit the home page by Elementor all the time.
Could you please also ask your colleagues to check the problems ?
Hello, Serg
Now, the problem is that,you can not edit our home page by Elementor at all,
And, then, you can not understand how to resolve our issues at all.
Could you please also ask your colleagues to check the problems ?
The problem is that you use the “Canvas” template for the home page, which strips the header and footer. Here is a screenshot https://gyazo.com/1ca24f7d1b7079cfbc1cb02ecf9a76b2
Need to use the “Default” template there.
Hello, Serg
Thanks for your kind help!
Attachments:
You must be
logged in to view attached files.
Hello,
1. This line is a border for the header row so you can remove it in Dashboard -> WoodMart -> Header builder -> edit default header and find it as shown on the screenshot https://xtemos.nyc3.digitaloceanspaces.com/scr/2026/06/11/shot-1781163894-77d689c5c0af8d08.png
2. You need to make the container that contains this image to be full-width. Edit it with Elementor and enable our theme’s extra Stretch row and content option. You will need to set the padding to 0 for that container to compensate the gap from left and right.
3. The example website you sent has two separate images for mobile and desktop devices. So you can add two banners and hide/show them on appropriate devices using Elementor’s responsive settings https://xtemos.nyc3.digitaloceanspaces.com/scr/2026/06/11/shot-1781164225-f32bafc53f0e5b1a.png
Kind Regards
Hello, Serg
Thanks for your kind supportant !
Attachments:
You must be
logged in to view attached files.
Hello,
As I can see, you have already fixed the padding and white space on the sides. But for some reason, you set the height of the banner to 1px, and that is why it is not displayed correctly. https://gyazo.com/e97a6f4f74c36718f900bfc9b0898483
As for the mobile banner, you need to add two separate image elements and use responsive settings as shown on the screenshot https://xtemos.nyc3.digitaloceanspaces.com/scr/2026/06/12/shot-1781248244-acc6f78fd942cc6b.png
Kind Regards
Hello, Serg
Thanks for your kind help.
Attachments:
You must be
logged in to view attached files.
Hello, Serg
Are you still here ?
Hello,
I have just checked your website and see that the image now covers the full width of the page https://gyazo.com/8605b57091b1a9bbb68cf88fbbd7cc06
Could you please clarify if you have sorted it out?
Kind Regards
Hello, Serg
The problem is still have, please check the attached file.
Attachments:
You must be
logged in to view attached files.
Please try this quick fix:
– Edit your Image element and add this CSS class: wd-add-img-width (Elementor > Advanced > CSS Classes). Reference: https://take.ms/moY9Ha
– Then add the following CSS in Dashboard > WoodMart > Theme Settings > Custom CSS:
.wd .wd-add-img-width img {
width: 100%;
}
Hello, Serg
Thanks for your kind help.
Attachments:
You must be
logged in to view attached files.
.
