Mobile Navbar Wordpress Mystile Theme Issue

Question

I am having a issue with the navbar on the child theme using the Mystile theme. When on a mobile phone the nav bar turns into a square box that you click on to acess the navbar, for some reason it appears ontop of the logo, I just can't figure out or get any CSS to make it go to its own line. I am hoping someone can help here.
Website: http://test.cyberglide.co.uk

Answer 1

Install Custom CSS plugin (asking you to install plugin because it overrides all other CSS) and insert this CSS. You can use other methods to override all other conflicting CSS sheets.

Be sure to include media queries for Mobile views.

@media only screen and (max-width:43.75em) { 
  #header #logo {
  float: none;
  display: block;
}
  #header .nav-toggle {
      position: relative !important;
      display: inline;
  }
}