Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1209708
    Murphdrums
    Participant

    Hi there,

    I am trying to recreate the same idea you use on the demo of Integrity 1. It’s the Stacks section where the columns are split in two and the images slide in from the side. I have done this in the same vain as your demo, the text and image alternating in layout from one to the other. The problem I have is when it’s viewed on a mobile the it stacks things from left to right so images end up being next to each other. Sorry it’s a bit hard to explain.
    On your demo, reading down the page, you have,

    Text/Image
    Image/Text
    Text/Image

    When viewed on a mobile I see

    Text/Image
    Text/Image
    Text/Image

    I have done the same but on the mobile what I see is

    Text/Image
    Image/Text
    Text/Image

    How do I achieve the layout you have?

    Many thanks. sorry for the confusing email.

    #1209710
    Murphdrums
    Participant
    This reply has been marked as private.
    #1209789
    Christopher
    Moderator

    Hi there,

    Columns stack on top of each other from left to right at specific break point.
    Please use visibility options under section or row settings to hide specific section/rows on mobile devices. Then add another section/row and hide it on desktop.

    Hope it helps.

    #1209914
    Murphdrums
    Participant

    Thanks for the quick response.

    After a little trial and error I have worked it out, thanks for the advice.

    All the best.

    #1210017
    Thai
    Moderator

    If you need anything else please let us know.

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