layout of the modules in mobile

Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Tue May 16, 2017 12:15 am
Reply with quote
Report this post
Is there a way to change the order of the layout of the modules in mobile ?
User avatar
Senior Boarder

teitbite
Fri May 19, 2017 6:06 pm
Reply with quote
Report this post
Hi

Can You please explain what changes You want to done exactly? Some modifications may be possible, but not everything.
User avatar
Moderator

GK User
Fri May 19, 2017 6:12 pm
Reply with quote
Report this post
I would like to change the order the modules display. I would like them to be like this
1 Top Banner
2 Login menu (There is also one on the bottom. I'd like to move that one up to below the banner)
3 menu
4 new releases
5 Trending (if they work on mobile)
6 site news
7 videos
8 advertising

This is my site CrateConnect.net/j3
User avatar
Senior Boarder

teitbite
Mon May 22, 2017 12:37 pm
Reply with quote
Report this post
Hi

I thought it's gonna be like 1-2 modules changing positions with each other so it would be possible use some small javascript to switch them, but with so many changes I will advice to use module duplications, but using "onlymobile" and "onlydesktop" as module class suffix, so this way You will be able to set 2 separate orders and each will be shown on specific screen widths.
User avatar
Moderator

GK User
Wed May 24, 2017 2:18 pm
Reply with quote
Report this post
What about if I just wanted to move the Login menu to a postion up top below the header image.(Banner)
User avatar
Senior Boarder

GK User
Wed May 24, 2017 7:02 pm
Reply with quote
Report this post
Or if I just wanted to move "New Releases" above"Featured Videos"
This is how it looks now.
http://quirktools.com/screenfly/#u=http ... 0&a=39&s=1
User avatar
Senior Boarder

teitbite
Sat May 27, 2017 12:49 pm
Reply with quote
Report this post
Hi

In that case I think fastest would be to use a small script. Add this to /layouts/blocks/head.php

Code: Select all
<script type="text/javascript">(function($) {$(document).ready(function() {
$(window).scroll(function(){
if( $(window).width() <= 767 ) {
    $('#gkPage').before( $('#gkTopBar') );
} else {
    $('.gkFooter').after( $('#gkTopBar') );
}
});
});})(jQuery)</script>
User avatar
Moderator

GK User
Mon May 29, 2017 4:15 pm
Reply with quote
Report this post
Ok thanks, What is the full path? Under Layouts I don't see /blocks. Just joomla, library, plugins.
User avatar
Senior Boarder

teitbite
Fri Jun 02, 2017 10:38 am
Reply with quote
Report this post
Hi

It's /templates/gk_gamenews/layouts/blocks/head.php
User avatar
Moderator

GK User
Fri Jun 02, 2017 12:29 pm
Reply with quote
Report this post
Thanks for the help
User avatar
Senior Boarder

teitbite
Mon Jun 05, 2017 10:13 am
Reply with quote
Report this post
Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.