Line on top VS "Underline"

[calvez_calvez]

Hi Armin or anyone else ;)

I wondering how to put the "underline" on top on the active menu (only) not links, I'm ok with the classic underline at the bottom for the links ;)

Here the page without underline "pink" only the word
https://calvez-calvez.com/category/personal-works

Here an exemple I did on a page with the pink line :
https://calvez-calvez.com/cc-intro

It's as CSS custom to add ?

I have an other question.
Is it possible to put the image at the right with a margin (2%) for the "hover option" instead in the center like here :
https://calvez-calvez.com/cc-intro

Thank a lot for your help !

Yannick

[Richard]

Dear @calvez_calvez

Let me know if this is what you were looking for :)

Within "Lay Options - Custom CSS & HTML".

Add this code to "Custom CSS" and save.

nav.laynav.primary .current-menu-item a {
    text-decoration: overline !important;
}

It should leave you with this example:

Regarding your second question:
The 2% isn't correct but just to understand if this is the general idea of what you were looking for?

.lay-imagehover-region img {
    margin-left: 20%;
}

Thank you for using Lay Theme and let me know how you go,

Best wishes
Richard

[calvez_calvez]

Thank you very much Richard !

Best regards,

Yannick

[Richard]

Dear Yannick @calvez_calvez

Great that it helped you,
Have a wonderful day :)

Best
Richard