[SOLVED] Different amount of space between the menu items
 

Hi,
I would like to have different amount of space between the menu items. The menu bar has a clickable logo in the middle. That means I need much more space between About us and Gallery than between home and about us / Gallery and contact.

I am making sense?

http://mobrog.karmeba.com/

any help would be appreciated

Carme

You will have to do this by adding CSS to the CSS Inserts option. You will have to build a manual menu (dashboard->apperances->menu) and then look at the generated code to see what classes are associated withthe menu items. Then you use those classes to construct the CSS you will need.

If this sounds like greek, then you need to take a CSS tutorial so you understand what you need to do to go beyond the basics.

done.thanks

If you use the WordPress menu system you can even add a class there if it is enabled via screen option on the menus page.

I use the following to style the menu

li.page-item-4 {
margin-left: 100px !important;
}

li.page-item-6 {
margin-left:20px !important;
}

and so on till I had the menu I wanted.

Thanks a lot