Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 17, 2015 at 11:48 pm #445460
    tzanten

    Hi,

    On my site I use cells of the grid rows to setup the layout of my content. Is there a way to control the order/position in which the sections are put on top of each other once swapping to mobile layout?

    By default they are pilled based on the original cell left-to-right position, per grid row. But design wise it is sometimes more attractive to have it right-to-left.

    Cheers,
    Tom

    May 19, 2015 at 5:59 am #446211
    Rikard

    Hi tzanten!

    I’m not sure I understand what you mean, are you referring to the round picture in the bottom of the page and you would like to move that to the top on mobile devices? A screenshot highlighting what you are trying to achieve could help us understand better.

    Regards,
    Rikard

    July 17, 2015 at 11:27 am #474808
    tzanten

    Hi Rikard,

    I very very later reply on an earlier question of me. Sorry about that. I missed your reply, so I thought the item was not answered.

    Actually my question addresses an issue I have on smaller screens and using two columns with text. Lower the display resolution reduces the display width, so the text is of course getting more and more filled vertical instead of horizontal as a response. The problem is that at my website the text in the right column is going 1) to the extreem with going vertical, making it hard to read and not look good 2) Text ‘falls of the screen’.

    So I tried to solve this by making the website swap sooner to mobile format, which solved the problem. But in this format the right column is displayed below the left column, while I’d prefer to have it the other way around.

    Though, another solution would be to make the text-fonts smaller at lower available screen width, so they still fit. Could you help me with the CSS code for this?

    Examples:

    http://www.dotamelo.com/about/ (Quotes are too narrow, and photo to small).
    http://www.dotamelo.com/contact/ (Facebook line is cut of)

    Make the screens smaller to see the effect.

    Regards,
    Tom

    July 20, 2015 at 2:25 pm #475818
    Andy

    Hi!

    your text on the first link looks good to me. Can’t see any issue. Can you show us a screenshot of the changes you want to make? use imgur or dropbox.

    The facebook link on your second link is also cut off on desktop. Try to use this code in Quick CSS field: 

    .flex_cell.no_margin.av_one_half.avia-builder-el-8.el_after_av_cell_one_half.avia-builder-el-last {
padding-right: 0px !important;
padding-left: 62px !important;
}

    Best regards,
    Andy

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