I am looking to move a block from the User Zone to the Footer Zone when the site is being viewed using a mobile device. So, when in normal/wide views, the block is present in the User Zone. But when the view is in mobile, I want the block to move below everything and into the Footer Zone.

I have looked into using Delta and Context, but I cannot figure out how to correctly set up Context in order to make this happen. If anyone could give me any insight as to where I could go from here, that would be great. Thanks in advance.

Comments

You need to do that with custom JavaScript if you want to move a region around like that on the fly. Or if it is a really small block and you can accept that its rendered twice you could even place that block twice with the Context module and then hide / show it with CSS appropriately.