2 replies [Last post]
okday's picture
Offline
Joined: 01/12/2010

Can someone tell me how can I stop the tabs on the 'my account' page from over running the right side border?

I have many tabs and tabs are shown outside the content area.

Is it possible to show menu tabs in two or three lines inside the content area or use a superfich menu on "my account" page?

thank you.

Rob D.'s picture
Offline
Joined: 04/09/2008

You could wrap the tabs by adding the following to your stylesheet:

ul.tabs.primary,
ul.tabs.secondary {
white-space: normal;
}

ul.tabs.primary li,
ul.tabs.secondary li {
white-space: nowrap;
}

Or, you might want to check out the Dropdown tabs module which provides form-like dropdowns for navigating: http://drupal.org/project/dropdown_tabs. If you do try this, you'll have to overwrite the page.tpl.php file with the one I've attached to this post (if you hate it you can just overwrite with the old page.tpl.php).

In order for the Superfish style menu to work, the tabs in the dropdown would have to be children of a parent tab, and both the Primary and secondary tabs exist on one level and seperate from one another. I think if the above two solutions don't work for you, your only option might be to consider using a wider or fluid layout.

AttachmentSize
page.tpl_.php.txt 10.46 KB
okday's picture
Offline
Joined: 01/12/2010

Hi, I have used

ul.tabs.primary,
ul.tabs.secondary {
white-space: normal;
line-height:34px;
}

thank you.

Support hours: 9AM - 5PM EST, Mon - Fri

Follow us on: