cspgsl
Hi
In the header the head info position is not used by you but its adding extra space that result this isuse.
i edited the header code from
<!-- HEADER BLOCK -->
<header id="t4-header-wrap" class="t4-header">
<div class="t4-header-inner">
<div class="row no-gutters d-flex justify-content-between flex-nowrap">
<div class="d-none d-hd-block col-hd-3">
<div class="head-info">
<jdoc:include type="modules" name="head-info" />
</div>
</div>
<div class="col-xl-9 col-hd-6">
<div class="mainnav-wrap d-flex">
<div class="logo-wrap">
<jdoc:include type="element" name="logo" />
</div>
<div class="menu-wrap">
<jdoc:include type="element" name="megamenu" />
<jdoc:include type="element" name="offcanvas-toggle" />
</div>
</div>
</div>
<div class="d-none d-lg-block col-lg-2 col-hd-3">
<div class="head-action">
<jdoc:include type="modules" name="head-action" />
</div>
</div>
</div>
</div>
</header>
<!-- // HEADER BLOCK -->
To
<!-- HEADER BLOCK -->
<header id="t4-header-wrap" class="t4-header">
<div class="t4-header-inner">
<div class="row no-gutters d-flex justify-content-between flex-nowrap">
<div class="col-xl-9 col-hd-10">
<div class="mainnav-wrap d-flex">
<div class="logo-wrap">
<jdoc:include type="element" name="logo" />
</div>
<div class="menu-wrap">
<jdoc:include type="element" name="megamenu" />
<jdoc:include type="element" name="offcanvas-toggle" />
</div>
</div>
</div>
<div class="d-none d-lg-block col-lg-2 col-hd-2">
<div class="head-action">
<jdoc:include type="modules" name="head-action" />
</div>
</div>
</div>
</div>
</header>
<!-- // HEADER BLOCK -->
Kindly check it now
