By stece on

Hello everyone

I'm quite new with drupal and for my current project I got a problem with styling my menu. I understand that the code
"render ($page['main_menu_links']);"
makes my menu. But how can I change this output. For example I want to add some space and a dot between each menu item. I could use margin in the css to handle the space between each item. But I also need the dot. Any ideas?

Fe the menu should be

Home . Page1 . Page2

⋅ Categories: Drupal 7.x

Comments

nevets’s picture

nevets commented

You could use a background image on the li elements (all but the first) and position so it is to the left of the li element.

stece’s picture

stece commented

good idea!

stinis87’s picture

stinis87 commented

dont know if this is a good way to do it but you could also loop through all of the links and add a dot infront on all of them.