Tablet and Mobile version issues

**GK User** Thu Dec 05, 2013 12:16 am Reply with quote Report this post

Hi,

I am having problems with the tablet and mobile versions. The main issues is that the inset and sidebar dont allign properly on tablet and mobile. The modules in the sidebar, for example, are not properly arranged. They get scattered all over the place and sometimes just overlap each other. Is there a way to maybe make the inset and sidebar positions to flow along with each other neatly as two columns or for their modules to just align themselves properly?

Thanks

Edwin

**teitbite** Thu Dec 05, 2013 8:46 am Reply with quote Report this post

Hi

Can I please see an example of a page where You have this problem ?

**teitbite** Fri Dec 06, 2013 5:00 am Reply with quote Report this post

Hi

I can see what the problem is. Template is working fine but just cannot figure out one thing. You have modules hidden for tablet but since they are only hidden in css than code is still treating it as they are still there and make a white space. In order to have it right in this case You will need to move such modules to be last ordered.

My other idwa is to remove them entirely with a small jQuery code:

Code: Select all: <script type="text/javascript">(function($) {$(document).ready(function() { if ($(window).width() > 580 AND $(window).width() < 1025) { $('.box.notablet').remove(); } });})(jQuery)</script>

**GK User** Fri Dec 06, 2013 9:20 am Reply with quote Report this post

That makes a lot of sense. Please where do I place the code?

**GK User** Mon Dec 09, 2013 1:49 pm Reply with quote Report this post

Please where do I place the code you posted below.

Regards

Edwin

**teitbite** Tue Dec 10, 2013 11:43 am Reply with quote Report this post

Hi

Best place is between <head></head> tags. File responsible for this part is /layout/blocks/head.php