Hi,
I have two sections on my site each containg a 1/1 column with text.
The texts are short and I have wanted to center them on the page – I did this by adding 25% padding on each side of the colum, in the Avia Layout Builder under the settings for each column.
Is there a more correct way of doing this, to achieve the result that is visible on my site when viewed from desktop?
If not: Is there a simple way to remove the padding I have added, when the site is viewed from mobile ?
Achieved with:
@media only screen and (max-width: 800px) {
.flex_column.av_one_full {
padding: 0px 0px 0px 0px!important;
}
}
Still open to suggestions on a more elegant way of achieving the same result (centered text content aligned left without having to use different paddings for each screen size)