Menu item styling

Hello

If you want to style your menu button like the Get ticket one in Keynote, you can do that using Custom CSS.
Kindly allow me some time, i will get back to you.

Kindly check the screenshot below. Is this how you want your menu to look like? Or do you want to style all the menu in this way? Can you kindly confirm?

Hello,

You can use the following code. Insert them in the Custom CSS section.

.sp-megamenu-parent > li > a {
    border-color: #ff025a;
    background-color: #ff025a;
    color: #fff;
    display: inline-block;
    border: 1px solid transparent;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
    margin: 0px 5px;
}

Hello,

You are welcome.
Use the following code instead -

Here nth-child(1) is the menu you want to modify. Change the number accordingly.

.sp-megamenu-parent > li:nth-child(1) > a {
    border-color: #ff025a;
    background-color: #ff025a;
    color: #fff;
    display: inline-block;
    border: 1px solid transparent;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
    margin: 0px 5px;
}

Have a great day.

Stay safe and well.