Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 7, 2015 at 9:26 pm #484694
    shreinmedia

    I have three columns set to equal height and I would like the button to aligned to the bottom of each column in all states of responsive sizes.

    How can I make sure the button is always aligned at the lowest possible point?

    August 10, 2015 at 7:13 am #485055
    Rikard

    Hey shreinmedia,

    Sorry for the late reply. Looking at your site it looks you solved it already?

    Best regards,
    Rikard

    August 10, 2015 at 3:50 pm #485407
    shreinmedia

    Actually I didn’t. They all stay aligned initially but if you make the browser width smaller you’ll see them be at different heights.

    August 11, 2015 at 12:49 pm #485897
    Andy

    Hey!

    the middle button you need to control with this code:

    .avia-button-wrap.avia-button-center.avia-builder-el-14.el_after_av_textblock.avia-builder-el-last.get-button-bottom {
position: relative;
top: 23px;
}

    You need to use media queries to control it for different screen sizes.

    I don’t think there is an easier approach, because only on the middle one you are using one line (injury law), while on the other ones you are using two lines.

    Regards,
    Andy

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