One can add background image in different orientations to any row in the Beaver Builder plugin. While background image on a row looks amazing in full desktop view, it may look little out of the place for smaller screen devices.
So, what is the fix?
How about switching background image with background color of smaller screen device layout?
Background image to color on smaller screen devices
1. Click “wrench” icon to open “Row Settings”.
2. Go to “Advanced” tab and then add unique class to this row (For example pro-row-bg-1) and click the “Save” button.
4. This will replace background image with background color for smaller screen mobile device users.