Navigation
Archive / Merge column across two rows
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 24, 2016 at 11:58 pm #1146080
    Leanna
    Participant

    Hi, Note the light red and light blue columns/rows a little down on the page http://www.leannacinquanta.com/home2-test – in mobile view, the headline “Kingdom Impact” gets separated from the images that go with it, ie the rest of the blue column. is there any way to merge the two rows for this particular column so the whole blue area stays together and stacks below the red area/book image?
    Thanks

    August 24, 2016 at 11:59 pm #1146081
    Leanna
    Participant
    This reply has been marked as private.
    August 25, 2016 at 2:07 am #1146189
    Lely
    Moderator

    Hello Leanna,

    That is the default behavior of responsive columns. It will stack from left to right. To address this issue, please add those element in just one row and same column. Those TITLE IMAGE and then TEXT below it should be in one column only. Another option is using HIDEBASED ON SCREENWIDTH property. You can create another row then just show it for mobile view. Then hide current desktop view from mobile view.

    Hope this helps.

    August 26, 2016 at 2:50 pm #1148709
    Leanna
    Participant

    ok thaks

    August 26, 2016 at 3:58 pm #1148787
    Joao
    Moderator

    You are welcome

    Let us know if you need help with anything else.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1146080 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>