Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 28, 2018 at 10:04 am #934077
    Munford

    HI
    I have 3 pages with 3 pricing columns and I want the “kontakt mig” buttons to line up at the bottom of the columns. I found the code below, which kind of works, but it’s collapsing the space between the text and the button, depending on page size (see link in private). Can you help me fix this so the buttons always line up at the bottom (with a 30px padding) and some space after the text? I have faked it a bit by adding whitespace in some of the columns, but there is still an overlap on the mobile, and I don’t trust that it will render correctly on all screens. thanks!
    Nancy

    .priser .avia-button-wrap {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    }
    .priser .flex_column.av_one_third {
    padding-bottom: 70px !important;
    }

    March 28, 2018 at 12:11 pm #934189
    Victoria

    Hey Munford,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 479px) {
  .responsive #top #wrap_all div .flex_column.av_one_third.avia-builder-el-4.priser {
    min-height: 890px;
  }
  .responsive #top #wrap_all div .flex_column.av_one_third.avia-builder-el-22.priser {
    min-height: 890px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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