Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hey guys,
I inserted one row with 4 columns on a page and added four text widgets and four buttons under these text widgets. My problem now is that the buttons are not in the same place because the text isn’t exactly the same in every text widget.
I tried adding two rows with 4 columns each and adding the buttons in the second row solves the problem on desktop browsers but it destroys the layout on a mobile device since the buttons will be put under the text. So, first thing you see is four texts and then four buttons if you scroll down.
Here’s a screenshot of the buttons without horizontal alignment: http://prntscr.com/4blgcz
I just want them to be in one row but without destroying the mobile view.
Hi Philipp
Thanks for running Vantage and Page Builder.
There isn’t an easy fix within Page Builder to handle a situation like this right now. You’d have to use CSS to specifically set the min-height for those text widgets on that page. I’d do it by putting the text in a div:
Then under Appearance >Custom CSS:
.text-control { display: block; height: 400px; }Adjust the height as required.
Works fine. Thank you!
Super, glad that helped.