Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1204185
    KortStin21
    Participant

    Hello,

    I need assistance with an issue concerning a hand full of images that are on the home screen of the Icon 5 template I am using for site http://iamcreatrix.com. The images that I have set in the sections of the middle container of the websites are not showing up on mobile devices, but are on desktop. They are replaced with a placeholder image on cellphones. Is there a way to disable this feature and show the images even on mobile devices?

    #1204471
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Each of your Section has two ROWs and each of this ROWs has a Hide Base On Screen Width option set on it. The first ROW is intended for the desktop view and will be hidden on mobile, while the second ROW is doing the opposite.

    If you feel this second ROW is not necessary, you can delete it and disable all the Hide Base On Screen Width option on your first ROW and it will be visible to all screen sizes.


    screenshot

    Follow this post to read more about how Hide Base On Screen Width works.

    Hope it helps, Cheers!

    #1204513
    KortStin21
    Participant

    Okay, that makes sense! But how can I get to act similarly to the Icon 5 demo where the images still show on mobile devices, but are still stacked as well?

    #1204595
    Rue Nel
    Moderator

    Hello There,

    What happen in that page is that there are section that are only visible in desktops and there are also sections that are only visible on smaller screens. The reason for this is that you noticed that some of the sections when viewed on smaller devices, the images were not stacked. The role of the sections for smaller screens is to display the images in stacked order.

    Please try to check out this topic to be able to resolve a responsive text + image, image + text on smaller screen layout. https://community.theme.co/forums/topic/mobile-screen-size-layout/#post-826285

    Hope this helps.

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