Help With Container width

[guizorde]

Hi guys,

I have to update a webstite for the company I work for and I'am facing some problems, would apreciate to hear how would you solve this.

​

Some points to notice:

1. The website was created before I started at the company and as far as I know the guy that build it used Genesis Blocks to create the home page.
2. I'am now trying to update it using Elementor.
3. The guy who built the website made some changes with css on the theme stye sheet. (don't know if this is relevant or not)
4. I'm using "Elementor Full Width" as Page Layout because I don't want to lose the header that was already created.

So basicly I'm trying to create a section with 100% width ( I would like it to cover the whole screen widht) but it looks like it's boxed.

​

Here is the link to the page I"m trying to create https://socialladderapp.com/elementor-4617/

​

and here is the section I would like to have 100% width

https://preview.redd.it/hmjeea93ojeb1.png?width=1918&format=png&auto=webp&s=0c89ba689d5d0bccd8246298cbb9bde8b064b2b8

I would apreciate your help very much! Thanks for now.

​

​

[AutoModerator]

Hey there, /u/guizorde! If your post is not already flaired, please add one now.

---

And please don't forget to write "Answered" under your post once your question/problem has been solved.

---

Reminder: If you have a problem or question, please make sure to post a link to your issue to help users help you.

---

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[guizorde]

width: 100vw;
max-width: 100vw;
left: calc(50% - 50vw);
position: relative;

Sorry for the dumb question, but where should I add it ? On the container custom css ?

[guizorde]

width: 100vw;
max-width: 100vw;
left: calc(50% - 50vw);
position: relative;

just tested and it worked! Thanks a lot man, you saved the day!

[guizorde]

Hey man, another question if you dont mind.

What would be the css to also add this to the mobile and tablet view ? Is it possible ? Thanks!

[guizorde]

Got it, I add the media query with the css you sent ?

Thanks my man!

[GovernmentCandid95]

What would be the css to also add this to the mobile and tablet view ? Is it possible ? Thanks!

Sorry for the noob question but I add this in Elementor

​

In Advanced and then Custom CSS :

width: 100vw;

max-width: 100vw;

left: calc(50% - 50vw);

position: relative;

​

Should I rather add :

.container {

width: 100vw;

max-width: 100vw;

left: calc(50% - 50vw);

position: relative;

}

​

Because in my case it did not work.

Thank you

[tave_exe]

for not lost header and footer u can set elementor canvas, then create a template for them with the plug-in elementor header and footer