Hi,
I'm working with SP Page Builder Pro (4.0.10) to build my site's pages.
I've build a row with three colums (3+6+3) with an image in the middle and empty colums left and right. I want to outer columns to be hidden on smaller devices, starting with "Tablet Portrait". So I'm setting the "Responsive" values as follows:
!https://postimg.cc/WtdyZKbB (Show on "Desktop", "Laptop", and "Tablet Landscape". Hide on "Ta blet Portrait", "Mobile Landscape", and "Mobile Portrait")
This works well on all "devices", except "Tablet Landscape". The image is shown centered between the columes on the larger devices, and is shown full width centered on the two smallest devices. On "Tablet Landscape" it is shown with width 50%, left alidned.
Example page can be found at https://dev.reitcoach.ch/index.php?option=com_sppagebuilder&view=page&id=18. The behaviour can be seen when playing with the browser window width.
Inspecting the code shows that image column (middle column) has CSS max-width: 50%;, and flex-basis: 50%; for the "devices" where the outer colums are shown. When the colums are hidden, these settings are changed to max-width: 100%;, and flex-basis: 100%;, except for "Tablet Landscape" where the settings remain at 50%.
Is there a workaround for this?