Установка скрипта «Меню на всю ширину сайта»

Введение

Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

При достижении определённого количества пунктов меню на страницах вашего сайта, вы можете наблюдать кнопку «Ещё», которая показывает, что не все пункты меню вмещаются в шапке вашего сайта. Но что делать, если нужны все пункты меню и они должны отображаться на вашем сайте?
Помочь решить ситуацию может этот скрипт, который раздвигает меню на всю ширину сайта, добавляя места заветным пунктам.

Требования к установке:

оплаченный тариф «Премиум» или «Про» (для самостоятельной установки);

Перед установкой, сделайте бекап вашего сайта на случай, если вы в какой-то момент решите вернуть прежний вид сайту или отдельным его элементам. Сделать это можно в режиме конструктора во вкладке Бекапы.

Установка

Перейдите в панель управления вашего сайта в раздел «Свой код». В редактор вставьте следующий код:

<script>
	require(['jquery'], function ($) {
		$('.logo-head').removeClass('col-md-5').removeClass('col-lg-4').addClass('col-md-12').addClass('col-lg-12');
		$('.menu-head').removeClass('col-md-7').removeClass('col-lg-8').addClass('col-md-12').addClass('col-lg-12');
		if (document.createEvent) {
			event = document.createEvent("HTMLEvents");
			event.initEvent('resize', true, true);
		} else {
			event = document.createEventObject();
			event.eventType = 'resize';
		}
		event.eventName = 'resize';
		if (document.createEvent) {
			window.dispatchEvent(event);
		}
		else {
			var savedWidth=document.documentElement.style.width;
			document.documentElement.style.width="99.999999%";
			setTimeout(function() { document.documentElement.style.width=savedWidth; }, 50);
		}
    });
</script>
<style>
	#body .ul-w-mainmenu-nav {
		justify-content: space-around;
	}
</style>

Во вкладке «Настройки» в разделе «Выводить код» отметьте пункт «В конец <body>».

Сохраните код и опубликуйте ваш сайт.