Archived topic
body content padding left
7 replies · Started by Torsten on August 26, 2018
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
Hi there,
You could try something like this:
#page {
padding-left: 250px;
}Let me know :)
super cool!
:D
you made my (sun)day.
Awesome, glad I could help! :)
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
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.
YES!
thx a lot.
You're welcome :)
