Hello,
on my website frontpage, in SP Page Builder Pro I have created rows for desktop view (hidden on tablet/mobile) and rows for mobile view (hidden on desktop).
While the correct rows (mobile) are shown on my mobile phone, the desktop versions are shown on my iPad Pro in landscape mode.
Please note: In the PageBuilder frontend editor, the simulation is correct (rows for mobile on tablet and mobile are shown), but on my real device it is incorrect.
Please see the following images for details:
Image 1 shows how it looks like on my tablet (iPad Pro).
Image 2 (taken from PC) shows how it SHOULD look like on a tablet.
Image 1: https://paste.pics/15b9ed691fadf08f21c4f3389b8fac04
Image 2: https://paste.pics/67bfbda287a1baa42cc2f4f378f4fbd8
There seems to be something wrong with the CSS breakpoints and the image scaling. The images seem to not be scaled correctly due to the high resolution of the device.
Please advise.
Thanks,
Ben