I have trouble setting responsive options for the first row of my homepage. In order to make this row responsive I've used the responsive settings of the inner columns (see screenshot). I wander why it is not possible to set the width for the portrait tablet viewport?! Since there is no option doing so the result on tablets in portrait viewport is really poor (se second screenshot).
If the columns would be displayed in the same widths as set for the landscape tablet viewport, it would be fine.
You're right regarding the responsive settings but there is not much we can do about it. This is all handled by WPBakery Page Builder (the page builder we use) and because of the lack of responsive settings this plugin has we have to add custom CSS in some of our demos to achieve a good look. We're looking forward to migrate to Elementor as soon as we can because the lifespan of WPBakery Page Builder is almost gone, they are not adding anymore cool features and basic ones.
So to fix the problem you have in tablet portrait mode, add this CSS to Custom CSS:
Hi there,
I have trouble setting responsive options for the first row of my homepage. In order to make this row responsive I've used the responsive settings of the inner columns (see screenshot). I wander why it is not possible to set the width for the portrait tablet viewport?! Since there is no option doing so the result on tablets in portrait viewport is really poor (se second screenshot).
If the columns would be displayed in the same widths as set for the landscape tablet viewport, it would be fine.
Can you give me a hint how I can achieve that?
Thanks in advance for your help!
Gesine
Hi Gesine,
You're right regarding the responsive settings but there is not much we can do about it. This is all handled by WPBakery Page Builder (the page builder we use) and because of the lack of responsive settings this plugin has we have to add custom CSS in some of our demos to achieve a good look. We're looking forward to migrate to Elementor as soon as we can because the lifespan of WPBakery Page Builder is almost gone, they are not adding anymore cool features and basic ones.
So to fix the problem you have in tablet portrait mode, add this CSS to Custom CSS:
@media screen and (min-width: 768px) and (max-width: 991px) { .wpb_column.vc_column_container.vc_col-sm-2.vc_col-md-1 { width: 0 !important; } .wpb_column.vc_column_container.vc_col-sm-1.vc_col-md-6 { width: 83.33333% !important; } }Best regards,
Laborator Team
Hi Art,
thanks a lot! That seems to work out for me!
Kind regards!
Happy to hear that, have a great day
Best regards,
Laborator Team