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
Row with window-height but not cols
Accepted answer
Marked as the solutionI 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
Hello there!
Thanks for contacting us.
Can I have the link to the exact page where you are facing this issue?
Best Regards
here : http://exoautomotivedev.pallinolabs.it/it/chi-siamo
thanks
Hi,
- this is the url : https://exoautomotivedev.pallinolabs.it/it/chi-siamo
- this is the fullpage screenshot : https://easycaptures.com/fs/uploaded/1546/9256478597.jpg
- this is the row screenshot : https://easycaptures.com/fs/uploaded/1546/5951991635.jpg
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
Fine. Now it works. Thanks.
You are wellcome