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.
When I add a menu (with 4 items) into the footer I always get a vertical menu that looks like this:
Item 1
Item 2
Item 3
Item 4
What I would like is a footer that looks like this (centered on page if possible):
Item 1 Item 2 Item 3 Item 4
How do I change it? What CSS page do I have to edit?
King regards,
Paul.
Comments
Comment #1
bengtan CreditAttribution: bengtan commentedTry appending the following to the bottom of tma.css:
#footer ul.menu {
text-align: center;
}
#footer ul.menu li {
display: inline;
}
#footer ul.menu li a {
display: inline;
}
However, I haven't tested this on IE6 or other browsers. So if it doesn't work on those, you'll have to tweak it yourself.
Comment #2
paul_constantine CreditAttribution: paul_constantine commentedThank you.
That worked out super and helped me to understand the CSS a bit more.
Paul.
Comment #4
krunal.rasik CreditAttribution: krunal.rasik commentedwhere can you find tma.css?
Comment #5
wammz CreditAttribution: wammz commentedGuys,
I'm relatively new in drupal and would like to make a menu that looks bigger ,just like the white house site (http://www.whitehouse.gov/).Does it involve reusing the primary menus in the footer region?
Your help will be appreciated.
Comment #6
TheDoctor CreditAttribution: TheDoctor commentedHello- I too am trying to structure my footer as the White House & now this site has done since their re-design. Can anyone point me to a HOW-TO?
Comment #7
Jason Brain CreditAttribution: Jason Brain commentedThe footer map module could be your answer:
http://drupal.org/project/footermap