Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 13, 2016 at 9:46 pm #698899
    amepro

    Dear all, I tried to have the active menu item underlined but even if I read all the threads I did not find any solution….
    Can you help to find it?
    From previous post you have all access info….
    Thanks

    October 16, 2016 at 10:42 am #699514
    Rikard

    Hi amepro,

    Is it the site in private which you are working on? We would appreciate if you post a link to the site and login details if we need them in every thread since it takes a lot of time for us to go through your other threads to find information.

    Thanks,
    Rikard

    October 16, 2016 at 6:08 pm #699658
    amepro

    Herewith I send all info

    October 18, 2016 at 6:05 am #700375
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling: 

    .current-menu-item .avia-menu-text {
text-decoration: underline;
}

    Regards,
    Rikard

    October 18, 2016 at 7:25 pm #700813
    amepro

    It works but I would like, if it’ s possible, to have a line more distant and a little bit bold….

    October 19, 2016 at 12:35 pm #701222
    Nikko

    Hey amepro,

    Kindly remove the text-decoration: underline; in Rikard’s code and replace it with

    
    padding-bottom: 3px;
    border-bottom: 2px solid #000;

    It should look like this:

    .current-menu-item .avia-menu-text {
    padding-bottom: 3px;
    border-bottom: 2px solid #000;
}

    just adjust the padding-bottom value to increase/decrease the distance and adjust the 2px of border-bottom to increase/decrease thickness and you can change #000 to change the color of the line.

    Best regards,
    Nikko

    October 19, 2016 at 1:30 pm #701268
    amepro

    Thank you, it works!!!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Menu underline not visible’ is closed to new replies.