I tried to customize the css style of Superfish menu and did the following:

- set "Style" to None in the Superfish block configuration
- set "Extra css" to a new file inside my custom theme
- copied sites\all\libraries\superfish\style\default.css into my custom new extra css file
- replaced all occurrences of "style-default" with "style-none" in this file

After these 4 steps I expected to have basically the same look and functionality as if it was the Default style (and then start to customize it, but it should be identical at the beginning). It is similar, but not identical. The main difference which I don't know how to correct is the behaviour of the menu when mouse is over the button.

In the Default style, the horizontal menu expands in such a way that it overlaps with the content beneath. It is good.

In my custom style, when the horizontal menu expands down, the content beneath it is moved down, which is ugly. I would it to behave as in Default style.

How to achieve this?

Comments

raincloud’s picture

Title: how to override default css style » Superfish: how to override default css style
mehrpadin’s picture

Hey there,

You did it right, however there is no need to keep that style-something in the CSS when using the style "None", therefore for example:

#navigation .sf-menu a {
  font-weight: bold;
}

As for the horizontal menu email me the URL and I'll take a look.

raincloud’s picture

I deleted the style-none selectors from custom css file and also sent you the link. The problem still persists.

khiminrm’s picture

Subscribe

mehrpadin’s picture

Status: Active » Closed (works as designed)