Mobile: background images missing + button displayed on hero background layer
Hello,
I have a problem with BeBuilder mobile rendering.
On desktop everything works correctly.
The issue appears ONLY in real mobile view:
– I want to move a button (element: Button) to the RIGHT side inside a wrap.
– In BeBuilder (desktop and mobile preview) the button moves correctly to the right side.
– But on a real mobile device the button is NOT rendered on the right. It jumps to the left side, inside the hero background image ("on the chairs").
– No alignment settings work: section settings, wrap settings, flexbox, positioning, spacing – nothing changes the mobile output.
– The button behaves as if it was forced into the hero background layer instead of staying inside the wrap.
– This happens only on mobile rendering. Desktop output is correct. Builder preview is correct.
– I tried new wraps, new buttons, removing margins/padding, relative/absolute positioning, no-effect.
It looks like the hero section on mobile forces the button into the wrong layer (background cover container) and ignores alignment.
Please check the mobile render of this section.
Website: https://acarix.clean-bi.pl
Comments
Hi,
Please attach screenshots showing what you refer to.
Thanks