Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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.
Comment | File | Size | Author |
---|---|---|---|
#7 | Screen Shot 2011-09-12 at 12.32.17.png | 78.74 KB | macman91 |
Comments
Comment #1
Deepika.chavan CreditAttribution: Deepika.chavan commentedHi,
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
2. line no- 73
3. line no-270
Please clear cached data.
HTH !!
Rgrds,
Deepika Chavan.
Comment #2
GrindcoreVlad CreditAttribution: GrindcoreVlad commentedThanks Deepika,
Works like a charm.
Comment #3
knight_47 CreditAttribution: knight_47 commentedThanks so much, you're a lifesaver!
Comment #4
gtsopour CreditAttribution: gtsopour commentedComment #5
gtsopour CreditAttribution: gtsopour commentedComment #7
macman91 CreditAttribution: macman91 commentedHi,
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.
Comment #8
mohan_kumar29 CreditAttribution: mohan_kumar29 commentedHi,
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;
}