Use menu gk on mobile, not in desktop mode

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Sep 20, 2013 7:26 am
Reply with quote
Report this post
Hello,

My customer don't like this vertical menu that template magazine has, so I try to disable it on template's configuration and added a external menu module. Everyting it's ok, but in mobile view I need to use your menu module (Magazine native menu).

http://cedom.netamin.es

How can I do that?
Thanks,
David N.
User avatar
Expert Boarder

GK User
Fri Sep 20, 2013 7:46 am
Reply with quote
Report this post
The only way is to hide menu area on desktop mode via CSS by adding display: none rule for menu container and add show menu on tablet/mobile mode by adding display: block in tablet.css and mobile.css files.
User avatar
Platinum Boarder

GK User
Fri Sep 20, 2013 10:27 am
Reply with quote
Report this post
Hello,
What container I have to set diplay: none? Because If I set GkMainmenu display: none , rest of modules doesn't get this space to resize entire template and show a blank (and empty, obviously) space on this position.

I do not know if I explain well...
User avatar
Expert Boarder

GK User
Mon Sep 23, 2013 9:19 am
Reply with quote
Report this post
I've visited your site and don't see any free space in menu area, please look http://d.pr/i/nM9u did you resolve the problem ?
User avatar
Platinum Boarder

GK User
Mon Sep 23, 2013 9:23 am
Reply with quote
Report this post
Hello,
To solve it, I set inset width to 0% and appliying your solution is the way to hide menu on desktop view but not in mobile menu.

Problem is solved.
Thanks
User avatar
Expert Boarder


cron