I am using superfish menu in D7 as follows:

  • I have created a custom theme from scratch
  • in my page.tpl.php I have created a region for my main menu as:

     <div id="superfish"><?php print render($page['main_menu']);?> </div>
  • I place the superfish block inside the main_menu region and it appears in place, as expected.
  • I write my .css, but when I target #superfish ul, the contextual links are also targeted and styled! I suppose this is not the normal behaviour.

In all other modules I've encountered (including nice menus), contextual links are kind of greyed out and cannot be targeted with CSS, but in the context of Superfish menu they appear active and targetable as ever. They even get superfish classes applied to them.

What am I missing?

P.S. I am starting using #suckerfish ul:not(.contextual-links) :-O

closed as off topic by AjitS, monymirza, Chapabu, AyeshK, kiamlaluno Jun 9 '13 at 22:47

Questions on Drupal Answers are expected to relate to Drupal within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here. If this question can be reworded to fit the rules in the help center, please edit the question.

  • Would the answer be different if problematic CSS would appear in Joomla, or any other CMS with superfish menu plugin? Looks like universal CSS thing. – Mołot Jun 6 '13 at 6:32

Try targetting #superfish ul.menu. This should discriminate the menu from ul.contextual-links. (Double check the class for your menu by viewing the page source if this does not work.)

  • Ohh, how dumb am I :O thank you very much, I started using #suckerfish .content ul to bypass the contextual links. Such a simple solution, doh! Do you happen to know if this is the normal behaviour of superfish? (sth get's screwed up because contextual links also rely on js?!) – Vagelis Kostopoulos Jun 6 '13 at 2:05

Not the answer you're looking for? Browse other questions tagged or ask your own question.