ThemeShaper Forums » Thematic


Footer Menu with out Drop Down

(4 posts)
  • Started 11 years ago by Roiran
  • Latest reply from helgatheviking
  • This topic is not resolved


  1. Roiran

    Hi I am in the process of developing a website for a client and for the first time I am duplicating the main navigation in the footer. Now I all I did was add the Access div and menu to the footer with the below function.

    //  Add Access div to footer position  //
    	function add_menu() {
    	add_action('init', 'add_menu');

    Now the issue I have is I don't want the drop down menu to function in the footer but it needs to function in the header portion.
    Currently I am just setting the sub-menu in the footer to display:none; but the roll over effect is maintaining the delay on the two menu items that have a drop down.

    Posted 11 years ago #
  2. Hmm. you could strip the sf drop down classes with jQuery but it would still bug me having two #access ID's on the page.

    I think in the end it would be better to have 2 separate menus a header menu and a footer menu. Then you could at least have the ability to make them different, of all the projects I have had, they have never been exactly the same so I always add a 4th subsidiary widget slot and add a custom menu.


    // add 4th subsidary aside, a footer menu placed above the 3 subsidiary asides
    function childtheme_add_subsidiary($content) {
    	$content['4th Subsidiary Aside'] = array(
    			'admin_menu_order' => 250,
    			'args' => array (
    			'name' => 'Footer Menu',
    			'id' => '4th-subsidiary-aside',
    			'description' => __('The 4th widget area in the footer.', 'thematic'),
    			'before_widget' => thematic_before_widget(),
    			'after_widget' => thematic_after_widget(),
    			'before_title' => thematic_before_title(),
    			'after_title' => thematic_after_title(),
    			'action_hook'	=> 'widget_area_subsidiaries',
    			'function'		=> 'thematic_4th_subsidiary_aside',
    			'priority'		=> 10
    	return $content;
    add_filter('thematic_widgetized_areas', 'childtheme_add_subsidiary', 50);
    function thematic_4th_subsidiary_aside() {
    	if (is_active_sidebar('4th-subsidiary-aside')) {
    		echo "\n".'<div id="footer-menu" class="menu">' . "\n" . "\t" . '<ul class="xoxo">' . "\n";
    		echo "\n" . "\t" . '</ul>' ."\n" . '<div class="clear"></div></div><!-- #footer-menu -->' ."\n";

    This will place it above the three subsidiary slots, but it can easily be modified to go below. You however will have to add the ID/class names to your stylesheet to grab the same styling.

    Posted 11 years ago #
  3. In retrospect (a little quick testing) jQuery, something like


    won't work for this. While I am sure there is some advanced way of doing it, it would probably take a lot more work than just adding another subsidiary div.

    Posted 11 years ago #
  4. why wouldn't


    work if you get the right selector?

    jQuery('#footer .sf-menu').removeClass('sf-menu');

    maybe? not sure.

    but i agree w/ scott that your best bet is to create 2 menus. a little extra work to set up, but after that how often do people really change the menu?

    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.