I am using the special menu items module and made the top level menu to be nolink (Products). How do I change the style to be similar to the rest of my menu items - Home, Contact Us

See - www.geoilocate.co.za

Comments

danpros’s picture

Hi,

Not noticed this thread :)

You can use CSS like this (example):

#superfish ul .nolink {
text-align:center;
}

Dan

antony.lovric’s picture

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

bentleychan’s picture

I can confirm that the solution in #2 works in the Drupal 7 version of Danland. I am using Drupal 7.14 right now. Thank-you for the really nice tip, Antony! Ben

antony.lovric’s picture

Glad to hear...

thelastog’s picture

Where did you change the nolink span?

ChiKam’s picture

It is in the configuration of the special menu item module (admin/config/system/special_menu_items).
Replace "" under HTML tag for "nolink" with the one in #2. It should work!

It works great for me! Thanks,
Chi

arroyot24’s picture

My god! After almost a week looking for the correct code on CSS, the solution is #2!!! Using Drupal 6, a Zen variant theme and Nice Menus.

Thank you really very very much Antony! I love you ;-)

SalmanEagle’s picture

Issue summary: View changes

Solution #2 works like a charm even in a not-so-famous theme (Biolife by Nood.org).

pricklypunter’s picture

I would just like to say a huge thank you to Antony, the solution works perfectly for me using Corporate Clean on D7.

Mojipei’s picture

solution #2 works works well, thanks. Now I have another issue, how can I highlight this parent item highlighted when a child item under it is selected (active)? Thanks in advance

jaesperanza’s picture

Had a similar issue using Zen subtheme + Nice Menus (a slightly modified version of base css of Nice Menus). Fixed using #2, but specifying a nolink class, then controlled other needs like padding, line-height by declaring a a.nolink class in my custom nice menu css. Example:

HTML tag for "nolink" ->

a.nolink {
    background-image: none;
    font-size: 16px;
    line-height: 20px;
Leeteq’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.