Почему-то развалилась верстка меню на bootstrap?

Question

[Римский]

Здравствуйте. Подскажите в чем косяк clip2net.com/s/3KIEdLn вот сайт

Comments

[Артур Карапетян]

На каком разрешении такая проблема?!

[Римский]

Артур: Вот такое как вариант 1770px но суть в том, что при переходе в режим разработчика Chrome можно увидеть при уменьшении разрешения экрана.

[Антон Кирпач]

Дело все в этом классе <div class="wm-top-menu_row row"> нужно убрать класс row

[Римский]

Антон Кирпач: убираю и все разваливается((

Answer 1

[Дмитрий Лоликов]

Это может быть из-за того, что ты засунул меню в div с классом container-fluid (Если ты через bootstrap верстаешь)
Скинь код, посмотрим

Comments

[Римский]

Через отладчик не лучше?

<header>
		<div class="container-fluide">
			<div class="top-menu">
				<div class="wm-top-menu_row row">
					<div class="menu-align col-xs-12">
					    <div class="mobile-block">
					        <a class="mobile-logo" href="/"><img src="/assets/theme/img/mobile-logo.png" alt="" title="">Профессиональное уничтожение паразитов</a>
					    </div>
					    <a class="top-logo hidden-xs" href="/"><img src="/assets/theme/img/logo.png" alt="" title=""></a>
						<nav class="navbar">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
							    <a class="mobile-phone" href="tel:[phone]"><i class="fa fa-phone" aria-hidden="true"></i> [[++phone-header]]</a>
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							
							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<!--Верхнее меню-->
							</div><!-- /.navbar-collapse -->
						</nav>
						<div class="wm-top_phone hidden-xs">
						    <a class="top-phone hidden-xs" href="tel:[phone]"><i class="fa fa-phone" aria-hidden="true"></i> [[++phone-header]]</a>
						    <a class="top-phone hidden-xs" href="tel:[phone]"><i class="fa fa-phone" aria-hidden="true"></i> 8(926)130-79-13</a>
						</div>
					</div>
				</div>
			</div>
		</div> <!-- Конец верхнего меню -->
		<div class="slider-container container-fluide">
			<div class="row">
				<div class="slider">
					<div class="slide">
						<img src="/assets/theme/img/slide-1.jpg" alt="" title="">
					</div> <!-- Конец одного слайда -->
					<div class="slide">
						<img src="/assets/theme/img/slide-1.jpg" alt="" title="">
					</div> <!-- Конец одного слайда -->
					<div class="slide">
						<img src="/assets/theme/img/slide-1.jpg" alt="" title="">
					</div> <!-- Конец одного слайда -->
				</div> <!-- Конец слайдера -->
			</div>
		</div>
	</header>

[Дмитрий Лоликов]

Виталий: Во первых: пишется не container-fluide, а container-fluid
Во вторых: Лучше убрать container-fluid
Попробуй этот код:

<header>
      <div class="top-menu">
        <div class="wm-top-menu_row row">
          <div class="menu-align col-xs-12">
              <div class="mobile-block">
                  <a class="mobile-logo" href="/"><img src="/assets/theme/img/mobile-logo.png" alt="" title="">Профессиональное уничтожение паразитов</a>
              </div>
              <a class="top-logo hidden-xs" href="/"><img src="/assets/theme/img/logo.png" alt="" title=""></a>
            <nav class="navbar">
              <!-- Brand and toggle get grouped for better mobile display -->
              <div class="navbar-header">
                  <a class="mobile-phone" href="tel:[phone]"><i class="fa fa-phone" aria-hidden="true"></i> [[++phone-header]]</a>
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
              </div>
              
              <!-- Collect the nav links, forms, and other content for toggling -->
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<!--Верхнее меню-->
              </div><!-- /.navbar-collapse -->
            </nav>
            <div class="wm-top_phone hidden-xs">
                <a class="top-phone hidden-xs" href="tel:[phone]"><i class="fa fa-phone" aria-hidden="true"></i> [[++phone-header]]</a>
                <a class="top-phone hidden-xs" href="tel:[phone]"><i class="fa fa-phone" aria-hidden="true"></i> 8(926)130-79-13</a>
            </div>
          </div>
        </div>
      </div>
      <!-- Конец верхнего меню -->
    <div class="slider-container container-fluid">
      <div class="row">
        <div class="slider">
          <div class="slide">
            <img src="/assets/theme/img/slide-1.jpg" alt="" title="">
          </div> <!-- Конец одного слайда -->
          <div class="slide">
            <img src="/assets/theme/img/slide-1.jpg" alt="" title="">
          </div> <!-- Конец одного слайда -->
          <div class="slide">
            <img src="/assets/theme/img/slide-1.jpg" alt="" title="">
          </div> <!-- Конец одного слайда -->
        </div> <!-- Конец слайдера -->
      </div>
    </div>

[Римский]

Спасибо. Это я что-то конкретно накосячил с этим классом))
Заменил. Немного поменялось но зазор остался в "режиме разработчика", главное эта проблема лишь в хроме, мозилле нормально.