Logo on the side instead in middle

omertawebteam

Hello, I can't find a way to align the logo on the left instead of the center of the menu. Is there any way to do it from template settings or i should edit template files?

saguaros

Hi omertawebteam

You can open the file: /templates/ja_tour/js/template.js

Comment or remove this snippet of code:

if($('#t4-megamenu-mainmenu').length > 0) {
if($(window).width() > 1600) {
var numChild = Math.ceil($('#t4-megamenu-mainmenu .nav > li').size() / 2);

$('#t4-megamenu-mainmenu > .nav > li').eq(numChild - 1).after($('.logo-wrap a'));
$('.logo-wrap').hide();
}
}

omertawebteam

Thanks. That moved the logo in the left side of the menu.

There are also 2 divs on both sides that i want to remove so the header to be col-hd-12. (i have to many menu items)

<div class="d-none d-xl-flex head-info-wrap col-hd-2">
<div class="mainnav-wrap d-flex col-12 col-lg-10 col-hd-8">
<div class="d-none d-lg-block col-2 col-hd-2 text-right">

The only way is to edit/ templates / ja_tour / html / layouts / t4 / block / header.html?

saguaros

omertawebteam

Or you can go to Backend >> Extensions >> Templates >> JA Tour >> Layout settings >> edit that header block:

omertawebteam

Thanks for your help.