CODEWITHSUNDEEP
cssjoomlasuperfish
Gidiyo
Gidiyo

Reputation: 411

Superfish - Change the Space between each button

How do I change the space between each button of my superfish menu? I am using the vertical Menu css.

Upvotes: 0

Views: 1988

Answers (1)

Andrei
Andrei

Reputation: 1626

If what you're looking for is spacing out the items that are at the first level of your Superfish drop-down menu, just add some margin to the direct children of the container of the .sf-menu. Something like this should work :

ul.sf-menu > li {
margin-right:10px
}

Of course that wouldn't work on IE 6, so if you need to support IE 6 you could go with :

ul.sf-menu li {
margin-right:10px
}

and then cancelling out the margin for the children LIs :

ul.sf-menu li li {
margin-right:0
}

and so on depending on how deep your nested ULs are

Upvotes: 1

Related Questions