Mobile Navbar Lines

[tylerjabarber]

Hi there! I am currently using X Theme Integrity to build my personal portfolio. It’s coming in the finishing stages but the one last part I cannot figure out is how to remove all these black lines in the mobile navbar. The regular site looks great, but when in mobile mode you can see black lines by the header, as well as in the mobile menu that I would like to remove.

www.tylerjam.es

Thanks in advance!

[nabeel]

Hi Tyler,

Thank you for reaching out to us. To remove the black lines try adding the following code in the Theme Options > CSS:

@media screen and (max-width: 979px) {
  .x-navbar,
  .x-btn-navbar {
      border: none;
      box-shadow: none !important;
  }
  .x-navbar .mobile .x-nav li>a {
      border-bottom: 1px solid #6c6a6a;
      border-top: 0 !important;
      color: #464646;
  }
  .x-navbar .mobile .x-nav li:first-child > a {
      border-top: 1px solid #6c6a6a !important;
  }
  .x-navbar .mobile .x-nav li.current-menu-item > a {
    color: #464646 !important;
  }
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!