Navbar wont hide in responsive layout

Activello
1

Hey guys,

first of all i would like to thank you for that nice template and all the support that helped me during the last months making the template just as i want it to be. Sadly im stuck right now so im posting here in hope that youll be able to help me.

If you visit my site (https://www.travelbites.de) with an smartphone, the navbar is always visible and cuts out the content thats unter the nav bar. What can i do about it?

Kind Regards
Jens

2

Hi Jens,

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

I troubleshooted it on your site and found this is happening because of the following custom CSS code that you are using on your site.


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

It seems you have used above CSS code to make the navigation bar centre aligned so to make it work please use the below CSS code replacing above CSS code.


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

Best Regards,
Movin

3

Hey Movin,

works perfectly! Keep up the good work and thanks alot for the quick support! :slight_smile:

Kind Regards
Jens

4

You are most welcome here :slight_smile: