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

Question

[Андрей]

Не получается выровнять меню по центру. Подозреваю что дело в том, что ширина не установлена.
Меню прижато к левому краю.
Нужно выровнять класс headhesive

* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; padding: 0; margin: 0; font-family: Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif; font-size: 12px; color: #000; }
body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background:#fff asset-url("bgc.jpg", images) center center no-repeat fixed; background-size: 100% 100%;  }

.b-wrap-all { min-height: 100%; overflow:hidden; min-width:1250px; max-width:1450px; margin:0 auto; background:#fff; }

/* header */
.b-header { font-family:'dinregular',Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif; height:230px; position:relative;  background:asset-url("x11.png", images) repeat-x; z-index:101;  }
.flex { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }

.headhesive {
	background: #002137;
	position:fixed;
	z-index:1000;
	margin: 0 auto;
	width: 1450px;
	transform: translateY(-100%);
	transition: 0.5s;
	opacity: 0.9;
	padding: 0px 0px 5px 0px;
	margin-left: auto;
	margin-right: auto;
}

.headhesive--stick {
	transform: translateY(0);
}

html выходит такой:

<div class="flex headhesive headhesive--stick"></div> # клонированное меню
<div class="b-wrap-all">
  <header class="b-header">
    <div class="flex"> # оригинальное меню
      Меню
    </div>
  </header>
</div>

Answer 1

[Ankhena]

Добавьте

left: 0
right: 0

https://jsfiddle.net/kcy0e16o/

p.s. пересмотрите еще раз структуру и стили.

Answer 2

[Максим]

вы эту "шляпу" делали ?

Comments

[Андрей]

Нет, я ее стараюсь поддерживать.

[Максим]

Андрей: ладно ... я понял... разметка фиксированная , а надо сделать резиново-отзывчивую вёрстку

[Андрей]

сам класс flex выровнен по центру, мне нужно отцентровать flex headhesive headhesive--stick

[Максим]

Андрей: оо нет ! я помогу на условии что оно будет как в 2017 году и должно быть , только адаптивный и больше ни как ...