Removing Tabs Bar

[MaryTheG(r)eek]

Hello,

Can anyone advice me on how I can remove (or hide) the Tabs bar and have only the second bar (dark blue) available?

Thank you
Maria

[Lynne]

Either remove them from the navbar template, or add something like this to your css:

.navtabs li a.navtab {display: none;}

[MaryTheG(r)eek]

Originally Posted by Lynne

Either remove them from the navbar template, or add something like this to your css:

.navtabs li a.navtab {display: none;}

Thank you Lynne. As always very helpfull. I want to remove it from the navbar template as it's for my own site, but I've stuck. I've did it many times in the past, but now everything seems strange to me there:erm: Can you tell me which portion to remove?

EDIT: I added

.navtabs li a.navtab {display: none;}

at additional.css, and the menus gone hidden, but the bar still exists (see screenshoot)

Thank you
Maria

[Lynne]

So you want to remove search also (that is in that line)? And what do you want showing in the sub-menu - the correct stuff according to what page you are on? This works on my test site for firefox and Safari and Chrome:

/* remove navtabs */
.navtabs li a.navtab {display: none; height: 0px;}
#globalsearch {display: none;}
.navtabs, .navtabs li.selected {height: 0px;}
#navtabs ul.floatcontainer, .navbar {height: 26px;}
.navtabs ul {top:0px;}

[MaryTheG(r)eek]

Originally Posted by Lynne

So you want to remove search also (that is in that line)? And what do you want showing in the sub-menu - the correct stuff according to what page you are on? This works on my test site for firefox and Safari and Chrome:

/* remove navtabs */
.navtabs li a.navtab {display: none; height: 0px;}
#globalsearch {display: none;}
.navtabs, .navtabs li.selected {height: 0px;}
#navtabs ul.floatcontainer, .navbar {height: 26px;}
.navtabs ul {top:0px;}

Once more I'm greatful to you Lynne. Works fine by adding it to additional.css. I wanted just to totally remove the Tabs bar as I've my own menu system.

All the best :up:
Maria