Adding Home Link to main menu

[Ashley Davis]

Client just decided to add a “Home” link in the top menu.
Is there a way to add just the word Home without an empty mega menu drop down showing, and have just the word link back to the home page?

You can see how I currently have it set up with the unwanted purple drop down and no actual link back to the home page. http://www.servingyourpurpose.com

[Ashley Davis]

Didn’t want the broken link on the site for more than 24hrs, so took it down. But here’s a screen shot of what was happening before.

How do I just add the text that directly links to the page without a drop-down?

[Bill Robbins]

Hello Ashely,

You can swap out one of the mega menu locations for a direct link. There’s a post at https://support.organizedthemes.com/forums/topic/mega-menu-link/ that can show you how to make that change.

If you run into trouble, let me know.

Thanks,
Bill

[Ashley Davis]

Hmm…. followed your instructions, but don’t know what I did wrong. Empty drop-down is still showing and not linking to home page. Here’s the code I have now.

<?php if(of_get_option('mega_name_5', $single = true) != ""){ ?>
			
			<li id="mega-five">
	
				<a href="http://www.servingyourpurpose.com"><?php echo of_get_option('mega_name_5',''); ?></a>
		
				<div class="cbp-hrsub">
		
					<div class="cbp-hrsub-inner"> 
						
						<?php dynamic_sidebar('mega_menu_5') ?>
							
					</div><!-- .cbp-hrsub-inner -->
		
				</div><!-- . dcbp-hrsub -->

[Bill Robbins]

Goodness. It looks like you did set that up correctly. But it looks like that’s not quite going to work. The jQuery that makes the mega menu open up will prevent the links at the top from opening up something different.

I experimented just a bit and came up with another option for you. The drawback here is the home button will have to stay on the left. It won’t be possible to include it in the menu items that are centered since it’s in a separate parent container.

Delete what you added in earlier. You can actually remove all reference to that link.

Then edit the header.php file. Right below this:

<div id="header-content" class="clearfix">

add in this:

(Be sure to copy that code directly from the support site and not the notification email)

and save your changes. When I gave that a shot, I ended up with something like the attached image. While it works, it won’t be centered there.

Attachments:

1. 

   Screen-shot-2014-07-15-at-1.23.13-PM-641-x-238.png
   

[Ashley Davis]

Bummer we can’t make it centered. But I’d rather have it there in a left aligned menu than not at all. It’s up and working great now! Thanks Bill!

[Bill Robbins]

I’m glad it’s working. Sorry about the loss of the centering though. Happy launching 🙂

[Author]

Posts