Non-responsive text

[Bill]

Bill

February 1, 2017 at 2:09 pm

Hello,

I was trying over the past few days to create a row (using page builder by SiteOrigin) just beneath the header area. For the row, I selected “full Width Stretched” and divided it into two 50% columns. In the left column I placed an image, also giving it the “stretched” option and limiting its height to 250px. I also gave it the parallax option. In the right-side column I simply added a solid background color and a small paragraph of text.

At full width, it looked great! However, when reducing for tablet and phone, the text was pushed down over the top of a data-table that sat below it. That’s when I realized that no matter how I did it, if there is text placed in a row under the header, it will “always” slide over the top of anything beneath it.

I have tried adding text to a text widget, I’ve placed it inside a table, I tried layering it over an image, I even tried just typing it directly into the visual editor widget and placing it under the header of the page. Regardless of how you do it, the text will override anything beneath it when the view-port is shrunk down.

I assumed that the theme was designed to be responsive. Am I missing something here? Is there another technique I should be using? Please help!

Thanks,

Bill