Hello,

When adding more than 5 tabs at the very top navigation menu, it will wrap under, I was just wondering if anyone can help point me to the CSS file or line of code that needed to be edited in order to expand that area to allow more than 5 tabs.

Thank you for your time.

CommentFileSizeAuthor
#7 Screen Shot 2011-09-12 at 12.32.17.png78.74 KBmacman91
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Deepika.chavan’s picture

Assigned: gtsopour » Unassigned
Category: support » feature
Status: Closed (fixed) » Active
Issue tags: -Bluemasters theme, -bluemasters

Hi,
Take a backup of the style.css file. And modify the code in stye.css file as given below to get more than 5 tabs in one line:
1. line no - 77

#navigation {
display:block;
float:right;
margin:10px 0 0 10px;
overflow:hidden;
width:650px;
}

2. line no- 73

#logo {
float:left;
margin:0;
text-align:left;
width:285px;
}

3. line no-270

#navigation li a { 
	padding: 5px 15px; 
	text-decoration: none; 
	display:block; 
	color:#7A8090; 
	font-size:160%; 
	font-size:18px;
	font-weight:bold; 
/*	width:93px;*/ 
	height:32px; 
	text-align:center; 
}

Please clear cached data.

HTH !!

Rgrds,
Deepika Chavan.

GrindcoreVlad’s picture

Thanks Deepika,

Works like a charm.

knight_47’s picture

Thanks so much, you're a lifesaver!

gtsopour’s picture

Assigned: Unassigned » gtsopour
Category: feature » support
Status: Active » Fixed
gtsopour’s picture

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

macman91’s picture

Version: 7.x-1.1 » 7.x-1.2
Assigned: Unassigned » gtsopour
Category: feature » support
Status: Active » Needs review
Issue tags: +Bluemasters theme, +bluemasters
FileSize
78.74 KB

Hi,

I have tried this code but under ver 7x-1.2 the css file has changed and once inserting the code into the areas I think it should go it doesn't drop the menus below each other. Can you please review this and advise me of where to insert the code on ver 7x-1.2

Thanks.

mohan_kumar29’s picture

Hi,

Use following:

#navigation {
display:block;
float:right;
margin:10px 0 0 10px;
width:650px;
}

In place of:
#navigation {
display:block;
float:right;
margin:10px 0 0 10px;
overflow:hidden;
width:650px;
}