On my home page I have a row with four columns in it. In each column there is text and a button underneath generated from a short code using the max buttons plug in. When I resize the window of my website the number of lines that the text takes up changes. This makes the buttons move so they are no longer in line with each other. What is the best way to make sure the buttons remain at the same level regardless of window size?
Looking forward to your expert answer :)
Matt
Hi MATTB58
There isn’t an easy answer for this one. You could perhaps try this:
From the text tab of each widget, ensure the text has a paragraph that has a class like the above.
Then in Custom CSS you could say:
@media (max-width: 1100px) { .feature-text { min-height: 500px } }You’d need to play with the values there. The viewport at which this starts and the min-height for the paragraph blocks.
That says, under 1100px apply a min-height to the paragraphs that have the class feature-text.