Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 30, 2015 at 4:59 am #511098
    ewingmh

    http://www.crestedbuttecomputers.com/dev/turbo-lease/3rd-party-integration-turbo-lease-accounting-management-software/

    This grid row works great on a normal display – however, on mobile the logos stack up on top of each other and then the two text fields stack up below them. Is there a way to get the left column to display followed by the right column?

    Changing the Cells display next to eachother option does nothing in this instance.

    I want each logo to appear – followed by its respective text field in the correct order.

    I laid it out this way because I want the desktop version to show the logos aligned Middle – followed by the text fields which are aligned Top.
    desktop screenshot
    mobile screenshot

    • This topic was modified 9 years, 2 months ago by ewingmh.
    September 30, 2015 at 9:22 am #511212
    Rikard

    Hey ewingmh,

    Maybe it would be better if you use 1/2 elements for those sections instead? That way they will wrap in the way you want.

    Thanks,
    Rikard

    September 30, 2015 at 6:05 pm #511743
    ewingmh

    That doesn’t work either see below – and please reread my original question:
    x

    View the backend here:
    s

    October 1, 2015 at 9:25 am #512016
    Rikard

    Hi,

    I’m pretty sure it will work if you add it in 1/2 columns, please send us a temporary admin login so that we can demonstrate on a demo page.

    Regards,
    Rikard

    October 1, 2015 at 6:07 pm #512327
    ewingmh

    i tried using the hide-for-mobile and show-for-mobile quick css. It works great on mobile but both sections are displaying on desktop.

    October 2, 2015 at 7:12 am #512574
    Rikard

    Hi,

    Try the following CSS to hide the #show-for-mobile section for desktop: 

    @media only screen and (min-width: 768px) {
#show-for-mobile {
display:none !important;
}
}

    Regards,
    Rikard

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