How to Remove Hide Home button from Top Menu

Everything to do with Joomla! 1.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
n0pige0nz
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Fri Feb 06, 2009 5:51 am

How to Remove Hide Home button from Top Menu

Post by n0pige0nz » Fri Feb 06, 2009 5:57 am

n e one know how to remove or disable the home button on the top menu (nav bar), i removed it unpublishing it, but then when i click on the logo it should open up the frontpage, but it doesn't, since the frontpage now is unpublished. neone???

User avatar
webrp
Joomla! Guru
Joomla! Guru
Posts: 853
Joined: Sat Oct 28, 2006 9:10 pm
Location: Lisbon, Portugal

Re: How to Remove Hide Home button from Top Menu

Post by webrp » Fri Feb 06, 2009 6:00 am

theres always some frontpage

n0pige0nz
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Fri Feb 06, 2009 5:51 am

Re: How to Remove Hide Home button from Top Menu

Post by n0pige0nz » Fri Feb 06, 2009 6:02 am

what does that mean?

User avatar
webrp
Joomla! Guru
Joomla! Guru
Posts: 853
Joined: Sat Oct 28, 2006 9:10 pm
Location: Lisbon, Portugal

Re: How to Remove Hide Home button from Top Menu

Post by webrp » Fri Feb 06, 2009 6:25 am

when you unpublish a default menu item, another will become default. so when you go to your joomla website what you will see?

n0pige0nz
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Fri Feb 06, 2009 5:51 am

Re: How to Remove Hide Home button from Top Menu

Post by n0pige0nz » Fri Feb 06, 2009 6:32 am

what i want to do is get rid of the home button, on the top menu (navigation bar). that is really what i want.

User avatar
webrp
Joomla! Guru
Joomla! Guru
Posts: 853
Joined: Sat Oct 28, 2006 9:10 pm
Location: Lisbon, Portugal

Re: How to Remove Hide Home button from Top Menu

Post by webrp » Fri Feb 06, 2009 6:38 am

-create other menu item and set it as default.
-unpublish or delete the menu item "home"

n0pige0nz
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Fri Feb 06, 2009 5:51 am

Re: How to Remove Hide Home button from Top Menu

Post by n0pige0nz » Fri Feb 06, 2009 3:27 pm

yes, if i do that, if i want to go back to the main frontpage, i am suppose to click on the logo image (top left) but it goes to the new default set page, witch is not the "home, frontpage"

User avatar
webrp
Joomla! Guru
Joomla! Guru
Posts: 853
Joined: Sat Oct 28, 2006 9:10 pm
Location: Lisbon, Portugal

Re: How to Remove Hide Home button from Top Menu

Post by webrp » Fri Feb 06, 2009 5:01 pm

maybe I am missing something from you, but thats what is supposed to happen.

-you could have a menu item of any type (category blog, article, whatever) setted as default homepage, and this one is always the frontpage of your website.

-you could have a menu item of type "frontpage", if its not default it wotnt be your frontpage

Maybe the name "frotpage" is making confusion, but what defines homepage its "defauls" ando not "frontpage"

thats all

n0pige0nz
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Fri Feb 06, 2009 5:51 am

Re: How to Remove Hide Home button from Top Menu

Post by n0pige0nz » Fri Feb 06, 2009 8:07 pm

thanks for helping. i'll try to be more clear.

the nav bar says home, i want that button gone, yes i can set my next button as default, and unpublish the home to get rid of it.
but... after its done, how would i get back to that "main page"? usually clicking on the logo image (top left of the template) would take me back to home, but since i am unpublishing it, clicking on it takes me back to the default page, and not the home page.
... maybe if its possible i need to change the logo image to link to the orignal home page???

User avatar
webrp
Joomla! Guru
Joomla! Guru
Posts: 853
Joined: Sat Oct 28, 2006 9:10 pm
Location: Lisbon, Portugal

Re: How to Remove Hide Home button from Top Menu

Post by webrp » Fri Feb 06, 2009 9:28 pm

So you dont want the menu "home" but you want a page "home". In other words you want a page with no link from your site?

Try to hide that menu item named "home", move it to some registered module like the module "user menu" (or create another menu and make module registered) - this way it will be hidden.

I do allways this to make frontend logins. I create a menu item for login in main menu, then I hide it, but still able to access the link.

L3soj
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Thu Mar 12, 2009 3:42 pm

Re: How to Remove Hide Home button from Top Menu

Post by L3soj » Thu Mar 12, 2009 4:29 pm

Hi there.. i'm new overhere and my english it's not too good. So I'll try to explain myself

I was looking por the same thing, and what I did was this, hope to help you.


1- I create another position (topmenuHOME) next to the position of the "main menu" (topmenu)
e.g.

Code: Select all

 <div style="float:left"><jdoc:include type="modules" name="topmenuHOME"/></div>
<div style="float:left"><jdoc:include type="modules" name="topmenu"/></div> 
so the HOME link will be in the position "topmenuHOME" and the other links in the "topmenu"

2- I assigned a class (_home) to a module menu with the position topmenuHOME In the module manager

3- Move the HOME link (supose to be the default button to the front page) to the new module menu

4- Now this is the trick. In the CCS file I did 2 things. You choose wich one works for you.

If you want to see the HOME button only in the other page but not in the front page use this

Code: Select all

#active_menu_home.mainlevel_home {
visibility:hidden;
}
if you want to hide the button from the site

Code: Select all

.mainlevel_home{
visibility:hidden;
position:absolute;
}
This will keep the HOME as the default page (front page) but the link will be hide..

Hope I made myself clear.. and sorry for my english.

lostmybrain
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed Mar 25, 2009 4:01 am

Re: How to Remove Hide Home button from Top Menu

Post by lostmybrain » Wed Mar 25, 2009 4:11 am

Hi n0pige0nz

I've just started using Joomla. I think i know what you after as i dont like putting the home link the navigation either. Its a bit messy.

This is how i got round it without having to change the homepage.

Your home link should have a class assigned to it called "item1" as it is the first page you have.

Then enter this simple css in your default.css file for your template.

.item1 {
display:none;
}

That should do it. Nice and simple. You might want to be more specific with the path to be safer for the future but this works for me.

Adam

jbelanger
Joomla! Intern
Joomla! Intern
Posts: 82
Joined: Mon Oct 20, 2008 2:42 pm
Location: Chicago,il
Contact:

Re: How to Remove Hide Home button from Top Menu

Post by jbelanger » Sat May 16, 2009 12:52 am

Hi,

Haven't seen anything more out of this but, I am trying to do the same and used the code above .item1 {
display:none;
}
and put it into my CSS and nothing.

Can I have some more details about this?
Looking to learn option trading?
http://www.optionsizzle.com

mrpee1881
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Mar 10, 2009 12:28 am

Re: How to Remove Hide Home button from Top Menu

Post by mrpee1881 » Sun May 24, 2009 2:38 pm

I have no clue why this works or how its doing it but here is what I did to hide the "Home Button" or the whatever your button is called which resides up top and is clickable and titles itself as the title under menu details:

Under "Menu Manager" where I already have listed: "Main Menu"
I created a second item called: "Hidden Menu" and just copy/pasted "Hidden Menu" for the unique name/title/description.

Then under "Menu Item Manager:[mainmenu]" - I have two "Home" menu items as article layouts.
"Home1" - Access level is public - set as default - display in Hidden Menu - Top
"Home2" - Access level is registered - not set as default - display in Main Menu - Top

Both are published

Now my domain when typed "www.whatever" goes to "Home1" b/c its default. When a user logs in I have redirection to "Home 2".

**Again I don't see on the front page the annoying "Home1" button/link. It's blank in the top menu bar. After logging in users see "Home2" button which is what I want along with other menu buttons.

Let me know if this helps. It may only work for me b/c of the setup I have. Feel free to ask questions.

-Pat

User avatar
M4rc0
Joomla! Explorer
Joomla! Explorer
Posts: 311
Joined: Wed Sep 27, 2006 1:47 pm
Contact:

Re: How to Remove Hide Home button from Top Menu

Post by M4rc0 » Sun May 24, 2009 4:57 pm

Come on guys, don't need to be that complicated...

Just like lostmybrain said:

Code: Select all

.item1 {
display:none;
}
If that doesn't work, jblander, perhaps your "home" item is not "item1" but "item3" or "item4", etc..

You have to find out.

Good luck!

satzdom
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Mon Aug 24, 2009 6:22 am

Re: How to Remove Hide Home button from Top Menu

Post by satzdom » Mon Aug 24, 2009 6:26 am

It works fine, M4rc0!.

but this will hide the home menu in the inner pages to avoid that, declare the above code,
".item1 {
display:none;
}"
in the home-style.css. and use the following code to call that css on the home page.

The following code needs to be on the index.php (Template) below all the other style sheet links.

<?php
$menu = & JSite::getMenu();
if ($menu->getActive() == $menu->getDefault()) { ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/home-style.css" type="text/css" />
<?php }?>
Warm Regards,
Satheesh K Dominic

http://www.tutorials2learn.com

User avatar
jwwicks
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 102
Joined: Fri Jul 04, 2008 4:49 am
Location: Sacramento, Ca

Re: How to Remove Hide Home button from Top Menu

Post by jwwicks » Mon Dec 07, 2009 5:06 am

Hello Folks,

Just use the Module Manager select the Module for the Main Menu. Add a Menu Tag ID in the Advanced Parameters section such as main-menu. Now go to the Template Manager, edit the css. Hopefully you've set up a custom.css file for your template customizations. If you haven't DO IT. :). Add something like ul#main-menu li:first-child { display: none; } to your custom.css.

Jw
Computers are useless, they can only give you answers. - Pablo Picasso

neotester129
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Fri Dec 11, 2009 7:20 am

Re: How to Remove Hide Home button from Top Menu

Post by neotester129 » Fri Dec 11, 2009 7:26 am

this is for those who use swmenufree module for displayine menu

keep the home link at the end of menu

and change the css for last menu to display:none

css file styles.php in mod_swmenufree

zomb1984
Joomla! Intern
Joomla! Intern
Posts: 84
Joined: Wed Aug 12, 2009 1:51 pm
Contact:

Re: How to Remove Hide Home button from Top Menu

Post by zomb1984 » Fri Dec 11, 2009 12:37 pm

its real simple and involves no css. make a new menu in the admin panal and add ONLY the page you want to be the front page to it. Set this menu item as default.

goto the module manager and make sure the module for this new menu is UNPUBLISHED

NOW when joomla loads your www.site-name.com it will use this default item as the frontpage and you can delete the item "home" of your NORMAL menu.

because the menu exists in the framework, but the module output is not published Joomla can still READ the menu and create the pages based on it. You can even add other items to this un-publised menu (e.g. site map) and as long as you can work out the link in your head you can link to that page from elsewhere on your site.
http://www.metadiv.co.uk - Web and Graphic Design

satzdom
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Mon Aug 24, 2009 6:22 am

Re: How to Remove Hide Home button from Top Menu

Post by satzdom » Mon Mar 22, 2010 3:59 am

A new-born extension should be useful.
http://extensions.joomla.org/extensions ... tion/11752
Warm Regards,
Satheesh K Dominic

http://www.tutorials2learn.com

nuntius
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Thu Jan 19, 2012 11:44 am

Re: How to Remove Hide Home button from Top Menu

Post by nuntius » Fri Jan 27, 2012 8:13 am

Thanks zomb1984 !!!
Your solution works perfectly. :D

Easy to set up and no need to hide anything in CSS.

Tomatico
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Wed Feb 08, 2012 1:43 pm

Re: How to Remove Hide Home button from Top Menu

Post by Tomatico » Wed Feb 08, 2012 2:17 pm

Hi everyone,

As many of you, I already have my logo linking to the home page so I decided to hide the home button from the main menu using the CSS.
I don't like much this solution (for SEO reason, I'd rather keep one single link to the home page) and I'm looking for a way to remove the main menu home link from the html code (without unpublishing the home menu item)
Anyone has a clue?

Thanks

ulotoyebtaa
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Fri Aug 28, 2009 7:25 am

Re: How to Remove Hide Home button from Top Menu

Post by ulotoyebtaa » Fri Apr 27, 2012 6:25 pm

Thanks zomb1984, your solution works. It's on point. No stress at all (y).

Tech4000
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Wed Jun 27, 2012 4:29 am

Re: How to Remove Hide Home button from Top Menu

Post by Tech4000 » Wed Jun 27, 2012 7:16 am

helped me thank you!!!!!!

http://www.tech4000.us

adriesilva
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Mon Apr 22, 2013 12:11 am
Contact:

Re: How to Remove Hide Home button from Top Menu

Post by adriesilva » Mon Apr 22, 2013 1:21 am

lostmybrain wrote:Hi n0pige0nz

I've just started using Joomla. I think i know what you after as i dont like putting the home link the navigation either. Its a bit messy.

This is how i got round it without having to change the homepage.

Your home link should have a class assigned to it called "item1" as it is the first page you have.

Then enter this simple css in your default.css file for your template.

.item1 {
display:none;
}

That should do it. Nice and simple. You might want to be more specific with the path to be safer for the future but this works for me.

Adam

Hi, my "home" menu item doesn't show a class assigned to it.. could you explain where I may find it, exactly? I'm using joomla 2.5.9.

Thank you very much
You do not have the required permissions to view the files attached to this post.

smcclure
Joomla! Apprentice
Joomla! Apprentice
Posts: 34
Joined: Wed Sep 19, 2012 10:07 pm

Re: How to Remove Hide Home button from Top Menu

Post by smcclure » Sat Oct 05, 2013 12:26 am

The technique posted is correct but it should not be assumed that your template's item# is .item1.

This is your solution.

View your site on CHROME bowser and right click on your menu item you want to hide. Click on "inspect element" (or use FireBug with FireFox browser).

Your page's PHP/HTML will be displayed in the large window. Move your mouse around the code until the menu item you want to hide is highlighted on the page. This will show you the HTML controlling your menu item. Look for the line thats says "class="item-173" (of course yours will say whatever the class is called on your site).

Open your default.css file located in your usual CSS folder in your template folders.

To affect change on any class you simply precede the name with a period.

So using the class name above you would add the following code anywhere in the default.css file.

.item-173 {display: none};

Clear your browser's cache to ensure you see the change and you're done.

Cheers,

Sean

sabeesh
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Wed Oct 09, 2013 10:55 am

Re: How to Remove Hide Home button from Top Menu

Post by sabeesh » Wed Oct 09, 2013 11:07 am

Go to Menus --> Menu Manager -->Add New Menu,
Create a new Menu with name "Hidden menu" .
Now Edit the menu Item “Home” and choose the "Menu location" as Hidden . DONE!!!!!!!!!!!! :laugh:

Raton
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 132
Joined: Tue May 04, 2010 8:36 pm
Contact:

Re: How to Remove Hide Home button from Top Menu

Post by Raton » Mon Apr 21, 2014 7:21 am

I needed to do this for a client and found a cleaner solution to do this without messing with the css or creating a hidden menu. You just need to add a line of code to mod_mainmenu, check it out here.

onlinerevu
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Apr 21, 2014 8:35 am
Contact:

Re: How to Remove Hide Home button from Top Menu

Post by onlinerevu » Mon Apr 21, 2014 1:14 pm

I am also looking to remove my home page button for one of my site i don't know how to remove.
I am trying to post new quote i found this forum and i got it the solution.
thanks for your help.

onlinerevu
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Apr 21, 2014 8:35 am
Contact:

Re: How to Remove Hide Home button from Top Menu

Post by onlinerevu » Mon Apr 21, 2014 1:34 pm

I am also looking to remove my home page button for one of my site i don't know how to remove.
I am trying to post new quote i found this forum and i got it the solution.
thanks for your help.


Locked

Return to “Templates for Joomla! 1.5”