Сузить шапку и navbar ips 4.x

[Атаман 463]

Добрый! Подскажите, как сузить шапку в 4 ?

 

[Lesovsky 183]

Открыть шаблон Core / front / global / globalTemplate

Найти:

		<div id='ipsLayout_header' class='ipsClearfix'>
		{template="updateWarning" app="core" group="global" params=""}
		{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}}
		<header>
			<div class='ipsLayout_container'>
				{template="logo" app="core" group="global" params=""}
				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
			</div>
		</header>
		{template="navBar" app="core" group="global" params=""}
	</div>

Обернуть в:

<div class='ipsLayout_container'>		</div>

Найти:

			<header>
			<div class='ipsLayout_container'>
				{template="logo" app="core" group="global" params=""}
				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
			</div>
		</header>

Заменить:

			<header>
			<div class='ipsLayout_container1'>
				{template="logo" app="core" group="global" params=""}
				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
			</div>
		</header>

Ну или просто удалить div с ipsLayout_container.

В итоге получится:

  		<div class='ipsLayout_container'>
     	<div id='ipsLayout_header' class='ipsClearfix'>
         	{template="updateWarning" app="core" group="global" params=""}
         	{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}}
         	<header>
             	<div class='ipsLayout_container1'>
                 	{template="logo" app="core" group="global" params=""}
                 	{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
             	</div>
         	</header>
         	{template="navBar" app="core" group="global" params=""}
     	</div>
   	</div>

 

В CSS добавить, например в custom.css:

#elSiteTitle {
margin-left: 15px;
}

 

[Атаман 463]

Спасибо. Но, навигация сужена, лого нормально

[Атаман 463]

поправил верхний пост

[Lesovsky 183]

Видимо какие-либо ещё есть модификации, нужно смотреть. Вот стандартный шаблон, те правки что присылал + с изменением цвета навигации и добавлением padding-left:

[Атаман 463]

У Вас на скрине аналогично уехала навигация в правую сторону... :(

[Lesovsky 183]

У Вас на скрине аналогично уехала навигация в правую сторону... :(

 

Я написал выше, что padding-left специально добавил для тега

.

[Атаман 463]

Из-за того, что я указал резиновую ширину 95% в настройках

[newbie 1723]

В custom.css добавить

[data-pagelocation="front"] #ipsLayout_header {
{{if theme.enable_fluid_width}}
	{{if theme.fluid_width_size}}
		max-width: calc({theme="fluid_width_size"}% - 30px);
	{{else}}
		max-width: calc(100% - 30px);
	{{endif}}
{{else}}
	max-width: calc(1340px - 30px);
{{endif}}
margin: 0 auto;
}

[data-pagelocation="front"] header .ipsLayout_container, [data-pagelocation="front"] .ipsNavBar_primary.ipsLayout_container {
max-width: 100%;
}

Без правок html

[Атаман 463]

Спасибо

[newbie 1723]

Убрать

- 30px

calc тоже не нужен будет.

[Атаман 463]

Спасибо