Row with window-height but not cols - Forum | JoomShaper
Solved SP Page Builder

Row with window-height but not cols

Asked by Andrea 5 years ago Last activity 5 years ago

Hi,
here http://exoautomotivedev.pallinolabs.it/it/chi-siamo I have set the row section-id-1628670543324 as : full height / window height
The problem is that the 2 columns (red background and image background) does not fit with this directive. I suppose the 2 cols (vertical and centered aligned) should fit with the window-height : the 2 backgrounds should cover the above and below areas that actually are white.
It's a bug or it's necessary to add CSS code ?
I have attached an explanatory image.
Thanks in advance.
![https://exoautomotivedev.pallinolabs.it/pagebuilder.png]
https://easycaptures.com/fs/uploaded/1544/1584184709.jpg

Accepted answer

Marked as the solution
Pavel
5 years ago · edited

I suppose the 2 cols (vertical and centered aligned) should fit with the window-height

Hi. Your assumption is not true. It does not work this way. To understand, you need to explore Flex Box CSS.

To get the result as you want, you need to use CSS code:

.sppb-container-inner, .sppb-container-inner > .sppb-row {
    height: 100%;
}

This is a general code. It will have an impact on all elements of the SP PB.

Use your unique class for section to make this code isolated.
Exemple

.your-section-class .sppb-container-inner, 
.your-section-class .sppb-container-inner > .sppb-row {
    height: 100%;
}

6 more replies

Rashida Rahman Staff

Hello there!

Thanks for contacting us.

Can I have the link to the exact page where you are facing this issue?

Best Regards

Andrea Asked this

Hi,

As you can see the 2 columns of the row (section-id-1628670543324) are NOT fullheight / window-height like row.
This is been tested with Chrome, Firefox and Edge

I remain in waitin for your kind feedback.
Thanks

Andrea Asked this

Fine. Now it works. Thanks.

Log in to reply.