Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 16, 2015 at 4:17 pm #474408
    digihouse

    Hi,

    our cliets layout is:
    .av_one_third / .av_two_third

    the problem:
    if we resize the page to mobile size the left column (.av_one_third) is on top of the right column (.av_tow_third)
    is it possible to change that order below some screen size with css.. i saw it works on your demo site..

    thx a lot
    Chris

    July 17, 2015 at 8:39 am #474724
    Rikard

    Hey Christian!

    I think the easiest option would be to copy the whole section and rearrange the new one to how you would like it to look on mobile, and then hide it for all screen sizes except mobile and vice versa for the other section. Would you be ok with that? Please let us know if you should need any help with the CSS for hiding/showing the sections.

    Regards,
    Rikard

    July 17, 2015 at 12:32 pm #474859
    digihouse

    Hi Rikard,

    hmm.. to duplicate the content isn’t a goog solution…

    i’ll try with display: table-footer-group;

    Cheers,
    Chris

    July 17, 2015 at 12:56 pm #474881
    Basilis

    Hi!

    Glad you got it solved. Let us know if we could do anything else for you, we will be really happy to assist!

    Cheers!
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Move left .av_one_third to bottom on Mobile’ is closed to new replies.