Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1004162

    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 5 years, 10 months ago by GWS.
    #1004549

    Hey GWS,

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

    Best regards,
    Rikard

    #1005224

    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.

    #1005291

    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

    #1006209

    That did the trick. Thank you.

    #1006277

    Hi GWS,

    Glad we could help :)

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

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