Main Menu underline

kunstwerk · January 2015

Hi, i want the a underline at the main menu links and not a line above.
http://imagizer.imageshack.us/a/img538/4977/Ucnpb1.jpg
how can i do this?
thanks a lot!!

Albert · January 2015

We also need url to website so we can check if this is possible.

kunstwerk · January 2015

i will send you an messeage with admin login and the web url

Albert · January 2015

To get this line under as you showed on screenshot, please use below css:

#Top_bar .menu > li > a:after { top: 86px; }

kunstwerk · January 2015

thanks muffin!
i know this solution but the underline should be only as wide as the linktext, you know? not the complete div-width.

kunstwerk · January 2015

...like here http://imagizer.imageshack.us/a/img538/4977/Ucnpb1.jpg

Albert · February 2015

This can be done when you have fixed width so the width will be the same for all menu items and this can be done within below css:

#Top_bar .menu > li > a:after {
    left: 50%;
    margin-left: -25px;
    width: 50px;
}

kunstwerk · February 2015

hi muffin!
dynamic width is not possible? the underline should be as wide as the linktext.
thx

Albert · February 2015

No, it is not possible.

Comments