add css class to menu item link

Hi there,
I have add a little js script to a site I am working on. It provides smooth scrolling to an anchor on the page with a vertical offset in px. Great when you have a fixed header/navbar like I do.
The problem I am facing is for the script to work there has to be a class added to the link. How can I add a class to a menu item? For some reason adding a class to the menu item does not work. I added it to "Menus/Menu item/link type/css style from link". But it does not show up. Anyone any ideas? Any help apreciated!
Thanks Marc

http://gideon.de-plantage.nl
(first menu item link does not work, on the second menu item the arrow half way works with the offset)

Hello,

Did you tried to add custom CSS class using our GK Extented Menu params plugin?

Hi dziudek,
Thanks for your reply. I dont think so. I just tried it with the normal menu item options, see image (attachment). Where would I find the GK Extented Menu params?

menu_item.jpg

If you haven't the GK Params tab in your menu item editor you have to install a gkextmenu plugin from the rest files package.

Works great! Thank you very much dziudek!!

I was too fast with my reply... The smooth scoll on the page itself now works but the link when on an other page back to the first menu item does not do anything anymore... Makes sense?

Could you better describe what is the problem now? Because I don't understand your description even when I look on your page

aaah sorry... I will try to explain it better.
On the home page there is a section with an id="watbiedenwe". The menu item of "Home" is hidden through css. When you enter the site and click on the first menu item "WAT BIEDEN WE" there now is a smoothscroll to the id="watbiedenwe". With your help I was able to add the class "link" to that menu item ("WAT BIEDEN WE").
The only problem I now face is that when I navigate to an other menu item, like "IN 45 SEC" and from that page I try to get back to "WAT BIEDEN WE". Nothing happens... It probably now has nothing to do anymore with the Gavick template but with the js. But in the "gkscripts" there already is a smoothscroll script which could work?

It is not working, because the links is "#watbiedenwe" - so it is an anchor to the element with ID set to "watbiedenwe" - on the other pages you have no elements with this ID so smootscroll cannot work.

Hi dziudek,
I have the full url of the page as a link. So it shoud work. And it does work when I remove the "link" class.
I have to digg deeper! Thanks for your help!