Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #652395

    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 ?

    #652637

    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)

    #652890

    Hi Flemming,

    That solution looks good enough to me, thanks for sharing by the way :-)

    Regards,
    Rikard

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.