Mobile menu stripes/borders colour change

Hello there,

There are dark grey stripes/borders in mobile menu, please take a look at what I mean:

I wanted to change the colour of these stripes and tried this CSS:

#mainnav-mobi ul li a {
    border-top-style: solid;
    border-top-color: #c10912;
    border-top-width: 1px;
}

But it only added borders with the colour I wanted and didn’t remove the grey ones. So, it’s grey and red together:

I’m curious how to remove (or change the colour of) grey ones?

Thanks,
Sofya.

Hello Sofya,

It looks like that website is unavailable.

Can you please leave here a note when it’s available?

Kind Regards, Roman.

Hello Roman,

It was temporary off because I broke something trying to change CPTs))), but I managed to fix it and now it’s Ok)). Here’s a valid link:
vladpolesnov.com

And these are printscreens with my notes about stripes/borders:

Thanks,
Sofya.

Hello Sofya,

Please try to use the following CSS code instead of the CSS code that you mentioned in your first post.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#masthead #mainnav-mobi ul li {
    border-top-color: #c10912;
}

Also you might want to add this CSS code in order to make your mobile menu button completely visible:

.btn-menu {
    line-height: 28px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hello Roman,

Thank you so much! That’s exactly what I wanted. And thanks a lot for mobile menu button visibility - looks great.

Kind regards,
Sofya.

You are welcome Sofya! :slight_smile:

Kind Regards, Roman.