/* Your custom css code goes here */

@media screen and (max-width: 768px) {
  .probootstrap-navbar {
    position: relative; /* Fix absolute positioning issue */
  }

  .probootstrap-navbar .navbar-collapse {
    background: #0072b9; /* Ensure background is visible */
    width: 100%; /* Make sure it stays within screen width */
    text-align: center; /* Center align items */
  }

  .probootstrap-navbar .navbar-nav {
    float: none !important;
    display: block !important;
  }

  .probootstrap-navbar .navbar-nav > li {
    display: block;
    width: 100%;
  }
}