jQuery – MagicLine Navigation

[DUKM Kosler]

Hei! I use this: https://css-tricks.com/jquery-magicline-navigation/ All works well, but i want to make a small change to the line below: http://i.imgur.com/Z0wWitj.png. I want that yellow line to be exactly how the word above it, no more than. I know this padding: 0px 10px 0px 10px; is the reason, but how do i get rid and do as i wish ?

Thanks in advance!

[Paulie_D]

We’d need to see the actual page. Do you have a link?

[DUKM Kosler]

This is the link: http://goo.gl/Vb9xIp

[Paulie_D]

This affects the position of the line

#magic-line {
position: absolute;
bottom: -30px;  <--- change this as you need for vertical alignment
left: 0;
width: 100px;
height: 5px;
background: #e6cf0e;
}

[DUKM Kosler]

Maybe I expressed myself wrong, but this is not the point.
I want to be horizontal alignment, ie the yellow line has the same length as the “acasa”, “nou-venit?” …

If you change what you’ve shown the yellow line only goes up or down.

[Paulie_D]

The line has a width you can change.

Remember though that this is fixed so it won’t match the width of every word.

[DUKM Kosler]

Ok, I understand what you say.
But still, how can I do what I want?
I need to change almost all the .css and try to find a solution from scratch ?

[Author]

Posts