By xiaomo on

I'm using D7 of Marinelli theme. When I place two menu in the footer, these menus appear to be on a vertical scale(on top of each other). Is there a way to have them placed on the same line horrizontally?

All help are appreciated

Comments

geekglue’s picture

geekglue commented

Hard to be sure without seeing it but this is often due to the combined width of the two elements being too wide to be accommodated by the available space. Because of the float setting one is pushed under the other. If this is the case changing the width of one or both should make them sit up next to each other.

xiaomo’s picture

xiaomo commented

I would like the bottom menu to be displayed like this site(drupal.org) Drupal news, community, get started , download and about are horrizontally displayed. But In my case, menus are vertically displayed for some reason, for example drupal news on top of community and community on top of get started and so on

geekglue’s picture

geekglue commented

If you have an example of something that works and you want to copy then it's should be simple. Take a close look at the structure and css of the drupal.org footer using something like the Firebug extension for Firefox. Confirm that your menu has the same structure and look for any variations of css settings. In the drupal.org footer each menu is a list wrapped in it's own div. Each of those div's are set to float left. If the menus stack at that point then the problem is with the cumulative width of those div's. Adjusting the width of those div's in your css should fix the problem.