Menu Items Border Colour

Hi there,

I hope you are well. I would like to find out if it is possible to make the border colours of the menu items as shown below from white to #5c0000 somewhere?

URL: www.kradminsolutions.com

I have a few other questions I need help with but will create a different topic for each :slight_smile:

Best,
Mel

Hello Mel,

Thank you for reaching out to us here. You can use this simple CSS code:

    .main-navigation li {
      border-color: #5c0000; /* Border color */
    }

    .main-navigation li:hover {
      background-color: #5c0000; /* Menu background color on hover state */
    }

    .main-navigation li:hover > a {
      color: #fff; /* Menu link color on hover state */
    }

Add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis

Hi Kharis :slight_smile:

As always you are just amazing :slight_smile: So grateful for your help always

Best,
Mel

Hello Mel,

Thank you for your kind words. I am glad to have an opportunity to assist you.

Regards,
Kharis