In this tutorial, we show you how to selectively hide your SocialGO navigation tabs using Firebug and CSS.
This is in response to the following question from Travis Ratnam:
Spence,
I need your help with this very critical piece for my start-up…. I’m totally helpless with this one.
Layout manager doesn’t have an option that makes tabs invisible on the menu bar but is still accessible to the member setting i chose (everyone/logged-in etc)… I want to create pages that i can manipulate through layout manager, but are not visible on the tab menu. My welcome page will have buttons in the body, that if clicked, will take you to that page.
Please help me…
ul#main-navigation li#nav-news {
display:none;
}
display:none;
}
What do you mean by “ID”? like welcome page id is “welcome”, home page id is “home”. profile page id is ” my_profile” . Am i correct? i did this but nothing happen????
i put that code in between —- in every page. but nothing happen?
Maniac
the phrase “element id” is a way to describe the identifying name of that particular page element in CSS. In this case, the “id” of the navigation tabs are all started with “nav-” and all have a unique suffix, such as “nav-news” or “nav-welcome”, which you can ascertain when you look with firebug.
You have to create a new complete block of code for each tab you want to hide, using the block template above… simply copy and replace the “li#nav-news” with “li#nav-…” (put in the element id of the tab you want to hide other than news)
Be sure you have this CSS in your Ads & Custom HTML area in the Head and Meta Data box, or else it will not have an effect on your whole site…. and also don’t forget your
tags that go before and after the block of CSS per the video.
Thanks spence.. Let me try again
I want to hide my all navigation tabs , is there any way? what the CSS code to hide all tabs at one single Css code.
Sure:
ul#main-navigation {
visibility:hidden;
}
Why is when ever I put my tags in for this to hide tags it hides the hole site
Not sure what you mean by that, but assuming you mean your CSS Style elements and attributes, be sure that they are contained within and starting and ending tags.