Is there a way to stretch the section in the Sonaar theme or extend it to the full template layout width without using JS? JS leads to a layout shift and long loading times, which I would like to avoid.
Why? Is this solution not working? There may be other ways to achieve the same result. Elementor is a widely used tool. You can find plenty of advice on forums, Facebook groups, or Reddit pages.
I apologize for not writing anything for so long. I can only now devote myself to the topic again. I would now like to switch from boxed to full-width layout in the theme, but would still like to set a boxed background color for the container that applies to all sections, just as is possible with the boxed layout type. How can I achieve this? Every time I change the layout type to full width, the option to set a boxed background color disappears.
What do I want to achieve? So far I have used the boxed layout and stretched some sections over the entire width using js so that there is no border, as can be seen in the images. Now I want to avoid JS to optimize the website while keeping the same look of the website. www.isarsix.de
If you want to have some sections in fullwidth and others boxed, I recommend setting the layout to fullwidth in the theme options.
When the fullwidth option is selected, it’s normal to no longer be able to choose a background color for the boxes since the theme’s page template no longer uses boxes. However, it is still possible to choose a background color for the entire page.
Even with the fullwidth option selected, you can still use the Elementor page builder to add boxed sections within your page content. In that case, you can apply a background directly in the settings for that section.
Hallo,
Is there a way to stretch the section in the Sonaar theme or extend it to the full template layout width without using JS? JS leads to a layout shift and long loading times, which I would like to avoid.
Many thanks for your help!
Attached files: Issue_Layout width_boxed_the crew_theme_sonaar.PNG
Issue_Layout width_boxed_the crew_theme_sonaar_2.PNG
Issue_Layout width_boxed_the crew_theme_sonaar_3.PNG
Hi,
You still can use the fullwidth layout
Thanks,
Alexandre from the Sonaar.io Crew
Is there another option?
Hello Tobias,
Why? Is this solution not working? There may be other ways to achieve the same result. Elementor is a widely used tool. You can find plenty of advice on forums, Facebook groups, or Reddit pages.
Thanks,
Alexandre from the Sonaar.io Crew
I apologize for not writing anything for so long. I can only now devote myself to the topic again. I would now like to switch from boxed to full-width layout in the theme, but would still like to set a boxed background color for the container that applies to all sections, just as is possible with the boxed layout type. How can I achieve this? Every time I change the layout type to full width, the option to set a boxed background color disappears.
What do I want to achieve? So far I have used the boxed layout and stretched some sections over the entire width using js so that there is no border, as can be seen in the images. Now I want to avoid JS to optimize the website while keeping the same look of the website. www.isarsix.de
Many thanks for your help!!!
Hi Tobias,
If you want to have some sections in fullwidth and others boxed, I recommend setting the layout to fullwidth in the theme options.
When the fullwidth option is selected, it’s normal to no longer be able to choose a background color for the boxes since the theme’s page template no longer uses boxes. However, it is still possible to choose a background color for the entire page.
Even with the fullwidth option selected, you can still use the Elementor page builder to add boxed sections within your page content. In that case, you can apply a background directly in the settings for that section.
I hope my explanation helps a bit!
Thanks,
Alexandre from the Sonaar.io Crew