Pure CSS Mega Menu

[Robbyn7]

PERFECT Anne! Thank You and sorry for the confusion.

[gjh42]

icecold - Add to your stylesheet_mega_menu.css

.submenu:hover>.level3 {background: #aabbcc; z-index: 101;}

Adjust the aabbcc to suit.

[picaflor-azul]

PERFECT Anne! Thank You and sorry for the confusion.

I am happy that it worked ;)

Thanks,

Anne

[bn17311]

hi,
i have added my main categories to header but the accessories menu has some subs which all ways show, how do i hide these until someone hovers over them

http://www(dot)onyour(dot)bike/

thanks
bryan

[marypotter]

I can't seem to get this to work on my page.

I wonder if it's because I'm using a template I bought?

dasterisk.com/theglobe

I added the files to the proper directory and added the code to the end of the tpl_header.php right before the last <?php } ?>

<!--bof-mega menu display--> 
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?> 
<!--eof-mega menu display--> 
<div class="clearBoth"></div>

I made all the changes in the admin settings and turned off the header category tabs.

When I load the page in Chrome I get the following errors, but I don't think any of them have to do with what I'm doing wrong in the menu:

carouFredSel: Set a height for the items!
carouFredSel: No element found for "#sidebox_slider".
carouFredSel: No element found for "#carousel".
carouFredSel: No element found for "#images".
Invalid App Id: Must be a number or numeric string representing the application id.
FB.getLoginStatus() called before calling FB.init().
Uncaught SecurityError: Blocked a frame with origin "http://static.ak.facebook.com" from accessing a frame with origin "http://dasterisk.com". Protocols, domains, and ports must match.
Uncaught SecurityError: Blocked a frame with origin "https://s-static.ak.facebook.com" from accessing a frame with origin "http://dasterisk.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.
Uncaught SecurityError: Blocked a frame with origin "https://www.facebook.com" from accessing a frame with origin "http://dasterisk.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

[picaflor-azul]

I can't seem to get this to work on my page.

I wonder if it's because I'm using a template I bought?

dasterisk.com/theglobe

I added the files to the proper directory and added the code to the end of the tpl_header.php right before the last <?php } ?>

<!--bof-mega menu display--> 
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?> 
<!--eof-mega menu display--> 
<div class="clearBoth"></div>

I made all the changes in the admin settings and turned off the header category tabs.

When I load the page in Chrome I get the following errors, but I don't think any of them have to do with what I'm doing wrong in the menu:

carouFredSel: Set a height for the items!
carouFredSel: No element found for "#sidebox_slider".
carouFredSel: No element found for "#carousel".
carouFredSel: No element found for "#images".
Invalid App Id: Must be a number or numeric string representing the application id.
FB.getLoginStatus() called before calling FB.init().
Uncaught SecurityError: Blocked a frame with origin "http://static.ak.facebook.com" from accessing a frame with origin "http://dasterisk.com". Protocols, domains, and ports must match.
Uncaught SecurityError: Blocked a frame with origin "https://s-static.ak.facebook.com" from accessing a frame with origin "http://dasterisk.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.
Uncaught SecurityError: Blocked a frame with origin "https://www.facebook.com" from accessing a frame with origin "http://dasterisk.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

I would recommend contacting the author of the template to see if their coding is causing the problem. Just fyi, the pure css mega menu is not responsive.

Thanks,

Anne

[eranariel]

Mega Menu – extended capabilities …
I am looking into extending the capabilities of the mega menu by adding category and subcategory images within the menu. I can get a category inserted into the menu, however, cannot do so on the 3rd level with subcategories... any suggestions?

I have created individual categories on the mega menu by creating separate categories_ul_generator.php files for each category - changing the var $root_category_id to the specific category id and saving the file under a separate name and accordingly revising so that zen_categories_ul_"name"_generator is adjusted within the file as well as the function buildTree"name"($submenu=true) is also adjusted to coincide with the new name (example: categories_ul_generator_zz.php).

In this manner, I can adjust the tpl_mega_menu.php file by adding an image to represent the category such as in the following code, however, I cannot gain access to the subcategory....

<li class="categories-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_JUDAICA; ?></a><!-- bof Judaica -->
<div class="dropdown_1column">
<div class="col_1 firstcolumn">
<div class="levels">
<a href= http://www.emanuelstudio.org/index.php?main_page=index&cPath=189><img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.JUDAICA_ICON ?>" alt="Judaica" class="judaica-icon" /></a><br><br>

</div>

<div class="levels">
<?php

[mpforum]

I've been notified by a customer that they cant open the menu without it loading another page where they can't go into any sub categories. Is there any way to click on the drop down menu and have it open without opening a link?

Website is coffshomebrew.com.au