Joomla 3.0 Tutorial – How to Hide the Main Menu Title

by Elaine on January 17, 2013

Joomla 3.0 TutorialHide Default Main Menu Title

Once you assigned your Main Menu and Default Home Main Menu Item, you might see the heading of your default main menu at the top of your page.  For example, I named mine default Home Main menu item – “Home”, so I see the word “Home” at the top of my page.  See my example below:

joomla 3 how to remove word home from frontpage default home menu item Joomla 3.0 Tutorial   How to Hide the Main Menu Title Joomla 3.0 – Remove Menu Item Title “Home” from Menu Item Page

Below I will show you how to remove the word “Home” or your hide the main menu item title from the top of your page.

Overview of steps to Disable Main Menu Title:

  1. Go to Menu Manager – Main Menu
  2. Edit “Home” default Main Menu Item
  3. Go to ‘Advanced Options’ and Disable Main Menu Heading

Steps:

1.  Go to Menu Manager – Main Menu

Joomla 3.0 Menu Manager is where you can create new menu items.  Menu items are usually Components and component actions that you want to display on the navigational areas on your site.  You can assign a default landing page by assigning ‘Home’ to any Menu Item.

joomla 3 menus main menu Joomla 3.0 Tutorial   How to Hide the Main Menu Title Joomla 3.0 – Menus Main Menu
  • Login to your Joomla 3.0 Administrator Backend
  • Click on ‘Menus’
  • Click on ‘Main Menu

2.  Edit “Home” default Main Menu Item

I’ve assigned to display my featured article list in a default menu item called ‘Home’.   So I will edit my ‘Home’ Main Menu Title.

joomla 3 how to remove word home from frontpage default home menu item 2 Joomla 3.0 Tutorial   How to Hide the Main Menu Title Joomla 3.0 – Edit Default Main Menu Item – Home
  • In the Menu Manager: Menu Items, click on your default Main Menu Item
  • You can edit any Menu item you want to change the heading for
  • In my example, I will click on ‘Home

3.  Go to ‘Advanced Options’ and Disable Main Menu Heading

In Joomla 3.0 Main Menu Item you can configure everything how you want your page to display.  You can change the layout options, article options, integration options, link type options, page display options and more.

joomla 3 how to remove word home from frontpage default home menu item 3 Joomla 3.0 Tutorial   How to Hide the Main Menu Title Joomla 3.0 Tutorial – Disable Main Menu Title – Home
  • In the Menu Manager: Edit Menu Item – Home
  • Click on ‘Advanced Options’
  • Click on ‘Page Display Options’
  • Set the following value:
    • Show Page Heading = No
  • Click on ‘Save & Close

Now you can refresh your Joomla 3.0 website and the Main Menu title will be gone.  If your main menu item heading was ‘Home’ like mine, you will not see it anymore.  Below is screenshot of my page now after the change:

joomla 3 how to remove word home from frontpage default home menu item 4 Joomla 3.0 Tutorial   How to Hide the Main Menu Title Joomla 3.0 – Removed Main Menu Page Heading from Homepage

If you want to show the Menu Item page heading again, you can go back to step 3 and set ‘Show Page Heading’ = Yes.

Hope that helps.  Please leave a comment if you have any questions.

Thanks,

Elaine

 Joomla 3.0 Tutorial   How to Hide the Main Menu Title

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 4 comments… read them below or add one }

Water Bear April 5, 2013 at 8:07 pm

Yes! Thanks! I’ve been looking all over for this. Did just what I needed.

Reply

Warren May 8, 2013 at 4:35 pm

Hi,

Great Article :) However I am using joomla veriosn: Joomla! 3.1.1 Stable [ Ember ] 26-April-2013 14:00 GMT

And the advanced options or any other options for menu’s seam to have dissapeared – any ideas ?

Thanks Again ^^

Reply

Warren May 8, 2013 at 4:43 pm

I found a temporary solution if you are using firefox with firebug, you can run this code in the console:

$(‘#myTabTabs’).append($(‘Advanced Options‘));

to force joomla3.1.1 to show you the advanced options :D

Reply

Sérgio Fernandes July 17, 2013 at 3:21 pm

Been looking everywhere for this solution!! thank you alot!!

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: