So, you have left or right aligned text in a “text editor” widget and want it to appear center aligned when viewed on smaller mobile layout. There is no default setting in the Beaver Builder for this. However, you can easily implement this using quick CSS.
Default desktop view (left or right aligned text)
Mobile view (center aligned text)
Center align text editor text in mobile layout
Note: Make sure text within “text editor” widget is “not” left – center – right aligned using inline alignment option (like selecting text and clicking left – center – right buttons on the editor toolbar).
1. While in the “Beaver Builder” mode, click “add content” button. Then drag and drop “text editor” (under “Basic Modules” section) to the layout.
2. Add text to the “text editor” box and click on “Advanced” tab. Add a unique class like mobile-left-center to it. Then save changes.
3. Add following CSS code in the CSS box on the same page or add it to the style.css file of your child theme.
mobile-left-center class will make left aligned text, center aligned in the mobile layout. While, mobile-right-center class will make right aligned text, center aligned in the mobile layout.