title: How can I minimize space above and below Wordpress's Mega Menu and search box?
body: <p>I'm using Wordpress Theme with Elementor and Mega Menu Plugin. I want to adjust space between search box and mega menu as I mention in the picture for both desktop and mobile view.
  Can anyone tell me how to do that please ?</p>
  
  <p>Here is site's <a href="https://www.dpowercool.com/demo/" rel="nofollow noreferrer">live URL</a></p>
  
  <p>This is the desired result:</p>
  
  <p><a href="https://i.stack.imgur.com/g3wYr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g3wYr.png" alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;header id="header" class="header-top-relative"&gt;
  
          &lt;div class="container"&gt;&lt;div id="header-18" class="dt-header-tpl header-18"&gt;&lt;div data-vc-full-width="true" data-vc-full-width-init="true" class="vc_row wpb_row vc_row-fluid vc_custom_1578387278462 vc_row-has-fill vc_row-o-content-middle vc_row-flex" style="position: relative; left: -174.6px; box-sizing: border-box; width: 1519px; padding-left: 174.6px; padding-right: 174.4px;"&gt;&lt;div class="wpb_column vc_column_container vc_col-sm-12 vc_col-has-fill"&gt;&lt;div class="vc_column-inner vc_custom_1578387352345"&gt;&lt;div class="wpb_wrapper"&gt;&lt;div class="vc_row wpb_row vc_inner vc_row-fluid dt-sc-header vc_custom_1578387376355 vc_row-has-fill vc_row-o-content-middle vc_row-flex"&gt;&lt;div class="wpb_column vc_column_container vc_col-sm-2" style=" text-align:left; "&gt;&lt;div class="vc_column-inner vc_custom_1578308737497"&gt;&lt;div class="wpb_wrapper"&gt;&lt;div id="dt-1510569851530-f701e413-6426" class="dt-logo-container logo-align-left vc_custom_1578392479744"&gt;  &lt;a href="https://www.dpowercool.com/demo/" rel="home"&gt;&lt;img src="https://www.dpowercool.com/demo/wp-content/uploads/2017/10/logo.png" class="attachment-full size-full" alt="" srcset="https://www.dpowercool.com/demo/wp-content/uploads/2017/10/logo.png 1865w, https://www.dpowercool.com/demo/wp-content/uploads/2017/10/logo-300x65.png 300w, https://www.dpowercool.com/demo/wp-content/uploads/2017/10/logo-1024x223.png 1024w, https://www.dpowercool.com/demo/wp-content/uploads/2017/10/logo-768x168.png 768w, https://www.dpowercool.com/demo/wp-content/uploads/2017/10/logo-1536x335.png 1536w, https://www.dpowercool.com/demo/wp-content/uploads/2017/10/logo-600x131.png 600w" sizes="(max-width: 1865px) 100vw, 1865px" width="1865" height="407"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wpb_column vc_column_container vc_col-sm-10" style=" text-align:center; "&gt;&lt;div class="vc_column-inner vc_custom_1578392527606"&gt;&lt;div class="wpb_wrapper"&gt;&lt;!-- **Searchform** --&gt;
  &lt;form method="get" id="searchform" action="https://www.dpowercool.com/demo/"&gt;
      &lt;input id="s" name="s" type="text" value="Enter Keyword" class="text_input" onblur="if(this.value==''){this.value='Enter Keyword';}" onfocus="if(this.value =='Enter Keyword') {this.value=''; }"&gt;
      &lt;a href="javascript:void(0)" class="dt-search-icon"&gt; &lt;span class="fa fa-close"&gt; &lt;/span&gt; &lt;/a&gt;
   &lt;input name="submit" type="submit" value="Go"&gt;
  &lt;/form&gt;&lt;!-- **Searchform - End** --&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="vc_row-full-width vc_clearfix"&gt;&lt;/div&gt;&lt;div class="vc_row wpb_row vc_row-fluid vc_custom_1578392684410 vc_row-has-fill"&gt;&lt;div class="wpb_column vc_column_container vc_col-sm-12"&gt;&lt;div class="vc_column-inner "&gt;&lt;div class="wpb_wrapper"&gt;&lt;div data-menu="main-new" id="dt-1578392585897-5a4e2af3-279b" class="dt-header-menu mega-menu-page-equal  vc_custom_1578392716749 right" data-nav-item-divider="none" data-nav-item-highlight="none" data-nav-item-display="simple"&gt;&lt;div class="menu-container"&gt;&lt;ul id="menu-main-new" class="dt-primary-nav" data-menu="main-new"&gt; &lt;li class="close-nav"&gt;&lt;/li&gt; &lt;li id="menu-item-13327" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13327 dt-menu-item-13327 "&gt;&lt;a href="https://www.dpowercool.com/demo/about-us/" class="item-has-icon icon-position-left"&gt;&lt;span&gt;ABOUT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-13329" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13329 dt-menu-item-13329 "&gt;&lt;a href="https://www.dpowercool.com/demo/service/" class="item-has-icon icon-position-left"&gt;&lt;span&gt;SERVICE&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-13328" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13328 dt-menu-item-13328 "&gt;&lt;a href="https://www.dpowercool.com/demo/product/" class="item-has-icon icon-position-left"&gt;&lt;span&gt;PRODUCT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-13330" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13330 dt-menu-item-13330 "&gt;&lt;a href="https://www.dpowercool.com/demo/contact-us/" class="item-has-icon icon-position-left"&gt;&lt;span&gt;CONTACT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt; &lt;div class="sub-menu-overlay"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id="dt-1578392585897-5a4e2af3-279b-mobile" class="mobile-nav-container mobile-nav-offcanvas-right" data-menu="main-new"&gt;  &lt;div class="menu-trigger menu-trigger-icon" data-menu="main-new"&gt;&lt;i class="fa fa-bars"&gt;&lt;/i&gt;&lt;span&gt;Menu&lt;/span&gt;  &lt;/div&gt;  &lt;div class="mobile-menu" data-menu="main-new"&gt;&lt;ul id="menu-main-new" class="dt-primary-nav" data-menu="main-new"&gt; &lt;li class="close-nav"&gt;&lt;/li&gt; &lt;li id="menu-item-13327" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13327 dt-menu-item-13327 "&gt;&lt;a href="https://www.dpowercool.com/demo/about-us/" class="item-has-icon icon-position-left"&gt;&lt;span&gt;ABOUT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-13329" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13329 dt-menu-item-13329 "&gt;&lt;a href="https://www.dpowercool.com/demo/service/" class="item-has-icon icon-position-left"&gt;&lt;span&gt;SERVICE&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-13328" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13328 dt-menu-item-13328 "&gt;&lt;a href="https://www.dpowercool.com/demo/product/" class="item-has-icon icon-position-left"&gt;&lt;span&gt;PRODUCT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li id="menu-item-13330" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13330 dt-menu-item-13330 "&gt;&lt;a href="https://www.dpowercool.com/demo/contact-us/" class="item-has-icon icon-position-left"&gt;&lt;span&gt;CONTACT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/div&gt;  &lt;div class="overlay"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;        &lt;/div&gt;
      &lt;/header&gt;</code></pre>
  </div>
  </div>
  </p>