underline drop menu option

hello!

i m trying to customise the drop down menu for my website. i would like a little underline sketch to appear under the voice you hover on. is there any ways of doing so? (see attachment)

thankyou for any help!

pietro

Hi,

What is your site url?

hi there! 

www.maldire.com

thankyou for looking into this!

On 12/14/2023 at 8:16 PM, eliamaldire said:

hi there! 

www.maldire.com

 

thankyou for looking into this!

Hi,

Underline these dropdown?

hello!

yes that is correct!

if possible with a line like the picture i added!

thankyou

Hi, Add this code on custom css:

For underline

.header-nav-folder-item{

text-decoration:underline !important;

}

For the sketch underline you have to add the sketch image under custom files:

Now the custom css be like below:

.header-nav-folder-item{

background-image: url("https://static1.squarespace.com/static/658b1188edf10b7411e1d12c/t/659d6aefddd89d0c63a8b892/1704815343613/arrow_up_right.png)") ;

background-repeat: repeat-x;
background-position: bottom;

}

Just now, yubrajs said:

Hi, Add this code on custom css:

For underline

.header-nav-folder-item{

text-decoration:underline !important;

}

For the sketch underline you have to add the sketch image under custom files:

Now the custom css be like below:

.header-nav-folder-item{

background-image: url("https://static1.squarespace.com/static/658b1188edf10b7411e1d12c/t/659d6aefddd89d0c63a8b892/1704815343613/arrow_up_right.png)") ;

background-repeat: repeat-x;
background-position: bottom;

}

Above image url is an example, you have to add your own image path.