Как выравнять по центру?

Question

[Максим Максимов]

Не получается выровнять всё меню с категориями ровно по центру съезжает на право, подскажите как сделать?

платформа EVO не пользовался раньше, подскажите как исправить нюанс?

<div class="category">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="category-items">
					<div class="item item_active">
						<div class="item-img">
							<a href="[~14~]"><img src="/site/img/cat1.svg" class="icon-cat-1" alt="Фильтр по Вашим размерам"></a>
						</div>
						<a href="[~14~]" class="item-link">Фильтр по Вашим размерам</a>
					</div>
					[[DocLister?
						&parents=`12`
						&depth=`0`
						&tvList=`image`
						&orderBy=`menuindex ASC`
						&offset=`1`
						&prepare=`dl.prepare.categories`
						&tpl=`@CODE: <div class="item [+active+]">
							<div class="item-img">
								<a href="[+url+]"><img src="[+tv.image.thumb+]" alt="[+title+]"></a>
							</div>
							<a href="[+url+]" class="item-link">[+title+]</a>
						</div>`
					]]
				</div>
			</div>
		</div>
	</div>
</div>

Comments

[Lorem Ipsum]

Нам нужно больше кода! (с)Рабочий из варкрафта.

[Tendor]

Этот код ни о чем не говорит. Тут нужно смотреть на стили. Судя по картинке и классах основной контейнер страницы находится по середине и условно это начало логотипа и конец кнопки "позвонить мне".

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


Второй вариант более верный, нужно убрать стили не позволяющие блокам меню(картинкам) уходить под низ при достижении границы основного контейнера.

Answer 1

[Kalwin]

Поддерживаю. Либо нужен развернутый код, либо ссылка на ресурс.

В теории как указано выше.

• замена container на container-fluid
  
• Использовать систему карточек