How to change border colour between each sub-menu button

Hi

Please can you kindly inform me on how to change the colour border between each of the sub-menu button.

Here is an example of what I mean (circled in red):
https://drive.google.com/open?id=0B-jshg5TacEjWDM3NWl0aWNua1k

Here is the website link:
http://uolvolunteer.org/

thanks

Hi,

Looks like you already resolved the issue? I noticed that you are using color #9ec7c6 to separate the submenu items. (Previously the color is black in your screenshot)

Regards,
Awan

It has been resolved.

A great theme.

What was the CSS code used here please, I’m having the same challenge.

Thanks

Hi,

Thank you for chiming in.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #mainnav ul li ul.sub-menu::after {
      background-color: #fff000;
    }

    #mainnav .sub-menu li a { 
      border-top: 1px solid #fff000;
    }

Regards,
Kharis
aThemes Support

Hi,

Thanks for the quick response on such an old thread!

Tried the code, but it’s still not working, I still have the white border.

https://drive.google.com/file/d/19UcVSQB6Oa5nv3jVL2PbKuBQTbt-6c56/view?usp=sharing

Hi,

Thank you for getting back.

Can you share a link to your website here, so I can check it directly and get the exact CSS code to suggest as per your current setup?

Regards,
Kharis
aThemes Support

Hi,

Thank you for sharing the link.

Try adding this CSS code:

    .main-navigation .sub-menu li:nth-of-type(1) {
      border-top: 1px solid #fff;
    }

    .main-navigation .sub-menu li {
      border-bottom: 1px solid #fff000 !important;
      border-top: none;
    }

Regards,
Kharis
aThemes Support

Getting there, the horizontal lines have gone, but the vertical lines are still there.

https://drive.google.com/file/d/1GiEv6Kuv-ZjbxkASfQNM4WL4kP6A5aVO/view?usp=sharing

Try replacing the previous code with:

    .main-navigation .sub-menu li:nth-of-type(1) {
      border-top: 1px solid #fff000 !important;
    }

    .main-navigation .sub-menu li {
      border: 1px solid #fff000 !important;
      border-top: none !important;
    }

Regards,
Kharis
aThemes Support

That was the one, thanks so much!

Please delete the reply with my site link in it.

I deleted your thread contains the link to your website.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support

1 Like