Media queries in template

GK User
Sun Jul 21, 2013 9:47 pm
Hi, i would like to know if it is possible in tablet and mobile display to make a menu link not clickable so that the mega menu that has parent the link, to be shown.

Thank you
User avatar
Expert Boarder

GK User
Mon Jul 22, 2013 9:36 am
Could You explain more clearly what do You mean?
User avatar
Moderator

GK User
Mon Jul 22, 2013 10:39 am
Ok sorry,
in tablet and mobile there is not a hover function only click.
I have a menu item that links to an article, but this menu has many submenus which cant be displayd in tablet and mobile beacause when i am going to click on the menu it redirects me directly to the article and the submenus cant be seen.
So i would like to know if there is a way to add media queries for the specific menu item so that it cant be clickable in order the submenu to be shown in tablet and mobile.

Thank you for your time
User avatar
Expert Boarder

GK User
Mon Jul 22, 2013 5:40 pm
Media query wont fix that - You need to remove href element from that links or just leave them empty (it might be done with jQuery).
I would suggest creating different menu for mobile version, and place empty "placeholder links" that will just trigger opening of submenus.
User avatar
Moderator

GK User
Mon Jul 22, 2013 5:44 pm
I dont use the mobile version of the template, how can i create a menu only for mobile?
Thank you
User avatar
Expert Boarder

GK User
Mon Jul 22, 2013 6:18 pm
The mobile version is designed to do just that - it loads additional menu that uses empty links.
To solve it without using of mobile version, You would need to edit default.php (located in /templates/gk_esport/layouts), then find a module that loads standard menu, create additional module to place "mobile" menu there, publish the mobile menu, and finally use media-queries (width dependant) to force either of those two menus.
This is just a suggestion of things to do, and covers a customization that we doesnt support
User avatar
Moderator


cron