Remove head-search position in Ja_blockk

Dragos01

Hi,
I want to remove the head search position from the template so i can have more space in the main menu for more menu items.
It will move to the right cause this position will be gone and not in use.

But how i do this? I cannot figure it out. Thanks

Dragos

dominic

Hi Dragos01,
You can go to the Backend > Site template styles > ja_blockk - Magz 1 > Layout settings > click edit for header-1 column then edit the header-1 block and remove the following code:

	      <div class="col-5 col-lg-2 t4-header-right d-flex justify-content-end align-items-center">
	      	<jdoc:include type="element" name="theme-toggle" />
	        
	        <jdoc:include type="element" name="megamenu-toggle" />

	        <div class="head-search">
	          <jdoc:include type="modules" name="head-search" />
	        </div>
	      </div>

And add the following CSS Code to the Tools > Custom CSS:

.t4-megamenu-wrap {
    margin-left: auto;
}

Dragos01

dominic

Hi.. I didn't add the custom css.. And i removed one more line in the header.

Now this menu box is a bit bigger.

But it works fine now.

This is the end code:

<header id="t4-header-wrap" class="t4-header header-layout-1">
<div class="t4-header-inner">
<div class="container">
<div class="row no-gutters d-flex align-items-center flex-nowrap">
<div class="col-5 col-lg-2 t4-logo-header d-flex align-items-center">
<jdoc:include type="element" name="offcanvas-toggle" />
<jdoc:include type="element" name="logo" />
</div>
<div class="t4-navbar">
<jdoc:include type="element" name="megamenu" />
</div>
</div>
</div>
</div>
</header>

Thx!