Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 31, 2018 at 4:53 pm #1004162
    GWS

    Hi, there–

    We are using the flex column table to display 4 columns that each have a heading, some text and then a purchase now button. We want the 4 buttons to remain in a consistent line no matter the viewports (except for mobile and ipad portrait layout, which of course would switch the columns to vertical instead of horizontal). The layout looks great on large desktop above 1800 width, but as the viewports get smaller the alignment is all askew and doesn’t look good.

    Could you take a look and offer a solution, or better option for displaying this layout? The site is on the dev server at the link provided in private content. Thank you.

    • This topic was modified 6 years, 1 month ago by GWS.
    September 2, 2018 at 5:11 am #1004549
    Rikard

    Hey GWS,

    Both sites are giving me coming soon screens, how can we see your site?

    Best regards,
    Rikard

    September 3, 2018 at 11:34 pm #1005224
    GWS

    Sorry about that. We were moving to another hosting platform over the weekend and put it in maintenance mode. Please see the link to the live site. Thanks.

    September 4, 2018 at 6:37 am #1005291
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .home #av_section_1 .av_one_fourth {
  min-height:500px;
}

.home #av_section_1 .av_one_fourth .avia-button-wrap {
  position:absolute;
  bottom:20px;
}

    Best regards,
    Rikard

    September 5, 2018 at 4:55 pm #1006209
    GWS

    That did the trick. Thank you.

    September 5, 2018 at 7:20 pm #1006277
    Victoria

    Hi GWS,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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