Menu problem with tablet and phone version

Hello Colorlib community !

I’ve got an issue with my tablet and phone version of my website, my menu appears directly open and do not want to close !
I attached picture of the tablet and phone version, it stay just this way and can’t be close.

If anyone can help me it could be very great !
Thank you.

Hi @tripatypical,

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

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

Best Regards,
Movin

Hi Movin,
I’m very well thank you,
Actually it’s happening in my all mobile and tablet version in every page, the menu just don’t want to close when I click on the menu button
I attached you pictures and here is my website : http://tripatypical.com

Hope it’s clear enough for you to help me,
Thank you !

This is happening because of the following CSS code you are using on your site

.navbar-default .navbar-collapse {
    float: none;
    margin: 0 auto;
    display: table !important;
}

So to resolve the issue please try changing above CSS code as displayed below.


@media (min-width: 768px){
.navbar-default .navbar-collapse {
    float: none;
    margin: 0 auto;
    display: table !important;
}
}

Hy Movin, thank you very much for the CSS it works now perfectly,

Have a nice day and thank you for your help :slight_smile:

You are most welcome here :slight_smile: