Row With Window-height But Not Cols - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Row With Window-height But Not Cols

A

Andrea

SP Page Builder 4 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

0
7 Answers
Pavel
Pavel
Accepted Answer
4 years ago #31962

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%;
}
0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #31609

Hello there!

Thanks for contacting us.

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

Best Regards

0
A
Andrea
Accepted Answer
4 years ago #31613
0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #31914

Thanks for the link.

But I could not get it. It is looking good here:

https://prnt.sc/1r2dvu6

0
A
Andrea
Accepted Answer
4 years ago #31946

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

0
A
Andrea
Accepted Answer
4 years ago #32030

Fine. Now it works. Thanks.

0
Pavel
Pavel
Accepted Answer
4 years ago #32051

You are wellcome

0