Adding Pretty Title TO Navigation

Questions › Category: Questions › Adding Pretty Title TO Navigation
0 Vote Up Vote Down
Alba Figueroa asked 1 year ago

Hi! How do I add the “pretty title” underline to active and hover menu items on the Hello Beaches Kadence theme? I want to use this color bprettytitle (teal)
Thanks!
 

1 Answers
0 Vote Up Vote Down
Jennifer Staff answered 1 year ago

There is not a way to add that particular one to it. You can try this one, but it will fade in from the top. Modify to your needs. Or you can enable the underline feature in kadence, change the color to the blue. Then in your CSS adjust the height of the underline to be a little thicker.

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a:hover {
background: linear-gradient(120deg, var(–global-palette1) 0%, var(–global-palette1) 100%);
background-repeat: no-repeat;
background-size: 100% 30%;
background-position: 0 100%;
}