Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 7, 2024 at 11:10 pm #1470862
    dreyerjm

    Good Evening, I have some columns on my website and have it so the button is at the bottom of the column (see private for screenshot of the website on desktop). It looks great on desktop but on tablet it starts to show white space after the button. What is the best way of setting this up so the button is always at the bottom and columns equal. I added whitespace element on the column after the text so the buttons would all be at the bottom. I do have this column with button on the bottom on multiple pages. I have included those.

    November 8, 2024 at 8:00 am #1470880
    Ismael

    Hey dreyerjm,

    Thank you for the inquiry.

    Edit the columns containing the button and apply the class name “av-column-relief-solutions” in the Advanced > Developer Settings > Custom CSS Class field. Then, use this css code to position the button at the very bottom of the container.

    .av-column-relief-solutions .avia-button-wrap.avia-button-center {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    You may need to adjust the height of the column or make the whitespace taller after adding this css.

    Best regards,
    Ismael

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