[Resolved] body content padding left

[Torsten]

Hi,
I returned working on the site https://bit.ly/2oeCMsI
when resizing the window to approx. tablet size the body/content text is hidden by the menu.
I tried
→ customizer → body → content → padding left
→ container width
→ edit page → Page Builder Container → full width/contained
and several more, don’t finsd a solution.
I hope the 2 screen shots are explaining what I’m looking for, red line highlights text alignment
#1 shows what it looks like now
#2 shows what it should look like.
your help is very much appreciated,
best,
Torsten

[Tom]

Hi there,

You could try something like this:

#page {
    padding-left: 250px;
}

Let me know 🙂

[Torsten]

super cool!
😀
you made my (sun)day.

[Tom]

Awesome, glad I could help! 🙂

[Torsten]

Hi Tom,
the only problem is now that the beautiful effect of the whole width, the alternating colors stretching out underneath the semi-transparent menu is gone as well.
the whole vertical stripe with 250px width is white.
:-/
I set the width for now to 150px so that you can easier see what I mean…
best,
Torsten

https://bit.ly/2MzC7Rb

[David]

Hi Torsten,

you may want to try this instead of the padding on the #page:

body .grid-container {
    max-width: 100%;
}
.generate-sections-inside-container {
    padding-left: 250px;
    padding-right: 10%;
    box-sizing: border-box;
}

I would suggest its added within a media query to effect only the device sizes you want it on.

[Torsten]

YES!
thx a lot.

[David]

You’re welcome 🙂

[Author]

Posts