Pure CSS Mega Menu

[logicalstep]

Hi All,
I love this menu, but it was important to me that my site menu 'work' on a mobile device. The current issue is that the headers are set to be links which return you to the main page when clicked. I just wanted the menu to show, but not refresh the page in any way.
Just to let you know the mod I have done for mobile devices....

I searched the web for a 'fake' link and the solution I used was this:

where each header link is generated in tpl_mega_menu.php I replaced the php href link code with a null javascript call as follows:

Existing link code:

<li class="information-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_INFORMATION; ?></a><!-- bof information -->


Modified link code:

<li class="information-li"><a href="javascript:;" class="drop"><?php echo HEADER_TITLE_INFORMATION; ?></a>
<!-- bof information -->

Repeat this change for every header link.


I'm not a web developer and this may be a hack, but it was very important this menu worked on touch screen devices for me.
I hope this help others with mobile devices and this menu.

Logicalstep