I'm having the same issue described nearly a year ago at http://drupal.org/node/1418472 (which was 7.x-1.0 and was never answered, so I'm starting a new thread).
When I use the "nolink" path for a Main Menu top-level item (with angle brackets, I just can't use them to post here), the item is rendered with different (and awful) styles compared to my other menu items that have normal links in the Path field.
I am using Bamboo theme, no superfish or any other special menu modules. Bamboo just uses default D7 menus as far as I know.
I've att'd a screenshot. The menu item looks like that regardless of whether the submenus are exposed.
What did I miss in the instructions/what can I do to fix?
thanks!
| Comment | File | Size | Author |
|---|---|---|---|
| nolinkmenuproblem.jpg | 33.63 KB | kazar |
Comments
Comment #1
j_g commentedI'm having the same problem with the Corporate Clean theme.
Comment #2
RKS commentedWell the problem is that you need to track down the class="nolink" style that is added with this module. Then overwrite it in your stylesheet with your normal styles for your menu. That will solve your problem.
I do, however, feel this could be done in a better manner, especially considering some users will not know what CSS is, let alone how to alter it. What I've done after finding this module incompatible with another module is a)come here to see the solution and then b) decide to do nolink in another manner. So I've just used javascript to prevent the default click behavior on specific links. That way, it keeps them links (which is what many other modules need to function correctly) and also maintains the styles without any necessary changes like the one I mentioned above. So you would get two benefits out of doing it that way.
I would roll it into a module, however I don't know how to write modules.
Comment #3
mikeindallas commentedHaving the same problem as kazar originally when using in the sub-menus parent. Bad color applied.
Comment #4
funana commentedSad, but actually that makes the module useless for me :(
I was trying to use it in a bootstrap theme.
Comment #5
SalmanEagle commentedThere is simple solution to this problem, as advised by a gentleman at https://drupal.org/node/1048678 :
"I did something similar but easier, changed the nolink span to
<a class="sf-with-ul" title="" href="#">...and it has the correct appearance.
Cheers
Antony"
Note: You can change the for nolink by clicking Configure for the module.
Comment #6
diego.pasc commentedsame problem with Bootstrap theme 3.x
As @SalmanEagle said, solution is to change the nolink settings in the configuration page of this module to
<a title="" href="#">Comment #7
Tech720 commentedAwesome! Thanks to @diego.pasc and @SalmanEagle for the simple solution relating to Bootstrap.
Comment #8
ashok gj commentedWon't # create scolling issues?
Wouldn't
<a title="" href="javascript:;">be a better way. Kindly advise.
Comment #9
wavesailor commentedThanks @SalmanEagle
Your solution in comment #5 worked perfectly for my Bootstrap theme.