Mobile Menu border issue

Hello,

I have successfully removed the border of the mobile menu and changed the color of the three lines. However, when I click on it, the border displays another color. Is it possible to remove the menu border color when one clicks on it? (I don’t want to use any hover effects)

I’ve added the following css code:

.navbar-default .navbar-toggle {
border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
background: #ffffff;
}

Thanks :slight_smile:

.navbar-toggle:focus {
border-color: transparent;
}

Thanks for the answer but the code didn’t work.

My site: http://www.speakingoftrading.com/login/

Thanks :slight_smile:

Hi @jiks,

I hope you are well today and thank you for your question.

I visited your site but i didn’t see any border around mobile menu as shown in the attached screenshot.

It seems you have removed it using the following CSS code.

.navbar-default .navbar-toggle {
    border-color: transparent;
}

Please advise.

Best Regards,
Movin

Hello,

Thanks for your reply. :slight_smile:

Yes, in fact I have removed the border, but when I use Google Chrome for instance, once the menu is being clicked, the border appears again. I would like to remove it if possible.

Thanks again!

I tested it using Google Chrome but the border didn’t appear for me.

Could you please try using the following CSS code to remove it?

.navbar-default .navbar-toggle {
    border: 0;
    outline: none;
}

Hello,

I tried with the code that you provided but the result was the same. I will leave it like it is now, it’s only a small detail and maybe it’s an issue on my side.

Thanks again for your support!

:slight_smile:

You are most welcome here :slight_smile: