Hello

Would you have a URL to an example of this issue?

Ciarán

Hi - Thnx
http://www.advancepools.co.za/

It seems like it is only on the home page, and on desktop - when resizing the screen, the same thing happens - screen just goes blank.

Hello

As this issue appears to be only with the homepage this would suggest it is a module related issue. Try disabling all modules on your hompage. Presuming this resolves the issue you can then enable each one by one to find the offending extension.

Ciarán

Ok
Did the elimination excercise and found that when I switch off RSFORM PRO form, it doesnt happen, and then approached RS Joomla Forum - and this is the reply I got from them:
RS JOOMLA say: "I don't know how exactly you came to the conclusion that this is definitely RSForm! Pro's fault when you have the following script straight on your homepage:

<!-- Responsive stacking order -->
<script type="text/javascript">
jQuery(document).load(jQuery(window).bind("resize", listenWidth));

function listenWidth( e ) {

if(jQuery(window).width()<959)
{
jQuery("#sidecol_b".remove().insertAfter(jQuery("#content_remainder");
} else {
jQuery("#sidecol_b".remove().insertBefore(jQuery("#content_remainder");
}
if(jQuery(window).width()<959)
{
jQuery("#sidecol_a".remove().insertAfter(jQuery("#content_remainder");
} else {
jQuery("#sidecol_a".remove().insertBefore(jQuery("#content_remainder");
}
}
</script>

"which actually removes your content. I don't know what that script should be doing (I'm guessing it's to create a responsive layout, although I don't think Javascript should be used in this case) but it's clearly not doing it right.

Without that script your website runs fine."

Hello

Thank you for the update and for sharing RS Forms rather eloquent reply

This jQuery is used to move the sidecolumn modules below the component/article area on smaller screen devices which was a common request here on the forums. For a CSS3 solution you can add the following to the Custom CSS field of your templates parameters..

@media only screen and (max-width: 767px) {

    #main {

        display: flex;

        flex-direction: column;

    }

    .sidecol_a, .sidecol_b {

        order: 1;

    }

}

Ciarán

Hi Thnx

Didn't work innitially , but changed Sidecolumn Positioning to "Before Component" in Responsive Options, and now it is working fine.