Sidebar below Main content

iorbita

Hello,
in Zen grid framework is it possible for mobile responsive layout to place sidebar modules (sidebar 1 or 2) below Main content? ... currently they are placed below.

Thank you,

Lorenzo

teitbite

iorbita Hi. I'm afraid this would require extensive changes to template's code and we do not support such such big customizations.

Maybe it can be done with some custom javascript, but for that I would need to take a look at Your site to tell for sure and provide the code. Please add Your site's url.

saguaros

Hi Lorenzo,

Which exact template you're using? I will try to check if it can be done.

iorbita

Hello Saguaros,
sorry, I will rephrase my question because I was wrong with above and below 🙁

So my question is:
Is it possible for mobile responsive layout to place sidebar modules (sidebar 1 or 2) above main content because currently they are placed below main content.

I use Buildr template and the latest version of Zen Grid framework (v.5)

Thank you again,

Lorenzo

iorbita

Hello Teitbite and thank you for the interest in my problem.

The module that must pass above the main content is the Search documents module.

More details:
Search documents module (Type: Dropfiles Search)
Sidebar 1 position
Template style: Kino Climates

Lorenzo

teitbite

iorbita Hi. Ok, lets try with this small javascript:

<script type="text/javascript">(function($) {$(document).ready(function() {
$(window).scroll(function(){
if( $(window).width() > 960 ) {
$('#midCol').after( $('#sidebar-1') );
} else {
$('#midCol').before( $('#sidebar-1') );
}
});
});})(jQuery)</script>

iorbita

Hello,
it works perfectly, I really appreciated your help 😉

It would be nice to have in a future version of Zen Grid framework the choice to place the sidebar below or above the main content.

Thank you again,

Lorenzo