This topic has 6 replies, 2 voices, and was last updated 6 months, 1 weeks ago ago by Tony Rodriguez
how can i stretch the footer in elementor, im using flexbox im in full width (100%) but still it doesnt work
Hello, @QaQako,
Thank you so much for purchasing our theme and contacting our support center.
We are reaching out to provide you with detailed instructions on how to adjust the full width settings for Elementor sections within your website. Please follow the steps outlined below:
1. Navigate to Xstore > Theme Options.
2. Select General Layout > Site Width.
3. Enter “14400px” in the Site Width field.
4. Click “Publish” to save the changes.
For your reference, an illustrative image has been provided in the private content area. You can access it via this link: (https://paste.pics/edit/R59N8).
We hope these steps effectively resolve your issue. Should you continue to experience difficulties, we kindly request that you provide us with your site’s wp-admin access credentials in the designated private content area. This will allow us to review your settings thoroughly and provide you with the most accurate support.
We kindly recommend that you take a complete backup of your site before proceeding.
Thank you for your cooperation. We look forward to assisting you further and await your response.
Best Regards,
The 8Theme Team
Hi Tony Rodriguez
Thank you for reaching out so promptly regarding my Problem.
ive change the site width field and it successfully modified it, but i still have like a space framing the footer (see image (red rectangles))
i got another question why does this problem only happens when i convert your prebuilt headers or footers to flexbox and doesnt happen if i used your normal ones without converting them (columns)
i really appreciate you taking the time to help
Hello, @QaQako,
We are delighted to assist you with the customization of your website’s footer to achieve a full-width layout without padding. Please follow the instructions below to implement the necessary changes:
1. Navigate to the XStore > Theme Options > Theme Custom CSS > Global CSS section of your website’s admin panel and add the following CSS code:
.footer-widgets {
padding-left: 0px !important;
padding-right: 0px !important;
}
You can preview the expected result by visiting this link in private content area.
2. Please note that the full width of the Elementor Flexbox Container is influenced by the Site Width Layout setting. If you set the Site Width layout to a smaller value, such as 1200px, the full width of the Flexbox container will adjust accordingly.
Should you have any questions or require further assistance, please do not hesitate to contact us. We are here to help ensure your website looks and functions exactly as you desire.
Best regards,
The 8Theme Team
thank you for your help, i would really appreciate you keepinh my domain private (it can be seen in your image link)
and thanks for your time
Hello, @QaQako,
You are welcome
Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?
Click here to share your insights: https://themeforest.net/downloads
Your support fuels our journey, and we appreciate it more than words can express.
Best Regards,
The 8Theme Team
The issue related to '‘the footer doesnt englobe the whole site like normal footers, its like boxed’' has been successfully resolved, and the topic is now closed for further responses