I recently received help and am really grateful but still have a question to make everything perfect. Your help is SO appreciated and avoiding me a lot of headaches. To get in context and have most of the code: https://colorlib.com/wp/forums/topic/mobile-menu-spacing/

Altho the menu spacing looks better, the spacing between the ''category'' and the <li>'s still feel off.
Any advice on how to add an extra line between the ul and the li?

<img src="http://i63.tinypic.com/2uy6aso.png" alt="" />

Also, I am having a bit of trouble with the mobile version of my testimony section.
https://bestandfinest.com/index2.html#colorlib-testimony

It displays perfectly on desktop but the mobile version's background is oversized (see attached screenshot).

<img src="http://i64.tinypic.com/11t6fdv.png" alt="" />

Here's the html and CSS codes:

`<div id="colorlib-testimony" class="testimony-img" style="background-image: url(images/img_bg_8.jpg);" data-stellar-background-ratio="0.5">
  <div class="overlay"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-offset-2 text-center colorlib-heading animate-box">
						<h2>What People Says</h2>
						<h3>Success Stories</h3>
					</div>
				</div>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 text-center">
						<div class="row animate-box">
							<div class="owl-carousel1">
								<div class="item">
									<div class="testimony-slide">
										<div class="testimony-wrap">
											<blockquote>
												<span>Dave Morgan</span>
												David Hénaire et Warth Stevenson, de bons amis, ont organisé deux de mes anniversaires. Mémorables pour ce qui est possible de se souvenir, étant donné que ce fût plutôt arrosé!

											</blockquote>
											<div class="figure-img" style="background-image: url(images/person1.jpg);"></div>
										</div>
									</div>
								</div>
								<div class="item">
									<div class="testimony-slide">
										<div class="testimony-wrap">
											<blockquote>
												<span>Manny Fortin</span>
												Best and Finest ont organisé deux de mes anniversaires. Non seulement ce fût les partys les plus épiques auxquels j'ai participé mais encore aujourd'hui, des années plus tard, tous les gens présents ont le même discours.

											</blockquote>
											<div class="figure-img" style="background-image: url(images/person2.jpg);"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>`

CSS:

`.testimony-img {
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  position: relative; }
  .testimony-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #000;
    z-index: -1;
    opacity: .5; }

#colorlib-testimony {
  z-index: 0; }
  #colorlib-testimony .colorlib-heading {
    margin-bottom: 3em; }
    #colorlib-testimony .colorlib-heading h2 {
      font-size: 20px;
      font-weight: 700;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.5);
      margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        #colorlib-testimony .colorlib-heading h2 {
          font-size: 30px; } }
    #colorlib-testimony .colorlib-heading h3 {
      font-size: 30px;
      font-weight: 900;
      text-transform: uppercase;
      color: #ecca57; }
  #colorlib-testimony .owl-theme .owl-controls {
    z-index: 1;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0; }
  #colorlib-testimony .owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.5); }
  #colorlib-testimony .owl-theme .owl-dots .owl-dot.active span,
  #colorlib-testimony .owl-theme .owl-dots .owl-dot:hover span {
    background: #ecca57; }
  #colorlib-testimony .testimony-slide {
    display: block;
    position: relative;
    height: auto;
    width: 100%;
    float: left; }
    #colorlib-testimony .testimony-slide span {
      font-size: 24px;
      font-weight: 700;
      display: block;
      color: #fff;
      margin-bottom: 20px;
      text-transform: uppercase; }
    #colorlib-testimony .testimony-slide .figure-img {
      width: 100px;
      height: 100px;
      margin: 0 auto;
      margin-bottom: 30px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
    #colorlib-testimony .testimony-slide blockquote {
      border: none;
      margin: 0 auto;
      margin-bottom: 40px;
      width: 100%;
      position: relative;
      padding: 0;
      color: #fff; }
      #colorlib-testimony .testimony-slide blockquote p {
        font-size: 20px;
        font-weight: 400; }
  #colorlib-testimony .testimony-wrap {
    padding: 0 3em;
    width: 100%;
    float: left; }`