Hello

May I suggest the following post on the subject.. http://www.joomla51.com/forum/8-commercial-templates/6157-enlighten-blocks-under-contents-when-responsive#13833

Ciarán

Hey Ciaran, thanks for the code, just one problem:

When the page is initially loaded (in mobile size) the sidebar content is on top, and when I resize the window it goes to the bottom, is there a way to keep the "resize" function but also detect if the window size is already < 767 px and place the content after #content_remainder? Basically if someone loads it already in mobile size this script doesn't work.

Thanks

Ciaran,

I tried the code as you suggest here and in the other forum thread that's mentioned here (changing out the 's-cript' with 'script'... j-avascript with javascript as noted)
[li]

May I suggest the following post on the subject.. www.joomla51.com/forum/8-commercial-temp...hen-responsive#13833

[/li]
... but the side columns are still showing above the main content when viewing on a smaller screen resolution.

Jooma 3.5
Template Enlighted
http://mobiletest.me/iphone_5_emulator/#u=http://suburbanvapor.arran-management.com/

Cheers!

Hello

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

Arran Management: As an alternative solution you can try the following.. http://www.joomla51.com/forum/8-commercial-templates/5068-calibra-changing-the-responsive-layout#9990

Ciarán

Hey Ciaran,

See below:
http://siteground181.com/~afford20/otddelivery.com/overnight-services

If you change the browser window to less than 767px and refresh you'll notice the sidebar modules showing on top, thanks!

Hello

For that particular instance the suggested solution will not work however you will find the modules to be stacked as you wish on a mobile device.

As an alternative solution you can try the following.. http://www.joomla51.com/forum/8-commercial-templates/5068-calibra-changing-the-responsive-layout#9990

Ciarán

Ah ok, just tested and it does show up properly when loaded on Mobile, thanks buddy

Ciaran,

Thank you but that unfortunately didn't work. I replaced the main.php code with the code that is mentioned in the thread in your reply. It created code on the front-end (under the slide show) and the right side modules were still appearing at the first module when viewing on a mobile screen.

I've attached screen shots.

Not sure what to do. It seems others are able to get this to work. But I've tried everything that's been suggested.

Arran,

Mobile emulation pages will not display the page correctly, if you use an actual mobile device and pull up your site it will show correctly with the original code, I did not need to modify the main.php code. Here is the code I am using for Body Custom Code:

<s-cript type="text/j-avascript">

jQuery(document).load(jQuery(window).bind("resize", listenWidth));



    function listenWidth( e ) {

        if(jQuery(window).width()<767)

        {

            jQuery("#sidecol_b").remove().insertAfter(jQuery("#content_remainder"));

        } else {

            jQuery("#sidecol_b").remove().insertBefore(jQuery("#content_remainder"));

        }

        if(jQuery(window).width()<767)

        {

            jQuery("#sidecol_a").remove().insertAfter(jQuery("#content_remainder"));

        } else {

            jQuery("#sidecol_a").remove().insertBefore(jQuery("#content_remainder"));

        }

    }

</script>

Hi ArranM

If you are still having an issue you can send temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán