Navigation
Archive / Responsive question regarding columns and images
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 27, 2017 at 1:42 pm #1387740
    logoglo
    Participant

    Hi there, if you go to:

    http://www.weatherbeebuilt.com/index.php/home/

    Scroll down to “residential remodel”

    Here’s what I hope to achieve, but I dont know if its possible. I will have 3 more services to list, and I want them staggered as they are now, so left, right, left, right etc…

    What I want to happen is, when you view it on a mobile (portrait, or landscape etc) that they all stack like the 1st one, so the image on top of the text. (right now the 2nd one stacks the text above the image)

    Please let me know if its possible, and how to do it.

    Thanks.

    February 27, 2017 at 9:26 pm #1388205
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Yes that is possible, please duplicate the ROWs where the image is on the right. On the duplicate ROW interchange the text and image (image to left, text to right). Then utilize the Hide Base on Screen Width feature (CS) or the Visibility option (VC) to hide the original ROW on mobile, and hide the duplicate ROW on desktop.

    Basically, the original row is visible on desktop but hidden on mobile. The duplicate row is visible on mobile but hidden on desktop.

    Let us know how it goes.

    Cheers!

    February 28, 2017 at 1:31 pm #1389188
    logoglo
    Participant

    Worked perfect thanks!

    February 28, 2017 at 3:02 pm #1389255
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

    March 1, 2017 at 11:35 am #1390635
    logoglo
    Participant

    BUMP Hello…..I have an issue though, I have the icons up top linking and scrolling down to said sections, works on the desktop, but on a mobile device, the sections I have hidden (ie the commercial remodel and ancillary spaces) do not scroll, please help.

    March 1, 2017 at 4:42 pm #1391016
    Friech
    Moderator

    Hi There,

    Since the section that is showing on mobile is technically a different section, you need to have a duplicate set of that link icons for mobile and link it to the respective mobile sections.

    Thanks.

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