Сделать главное меню на всю ширину экрана

[Jackin]

Ребята, нужна помощь. Подскажите как сделать главное меню (там где отображаются категории) на всю ширину экрана. Проблема в том, что оно расширяется вместе со всем содержимым сайта. Не обессудьте за мой французский - я совсем новичок в этой теме. 

[Helloween]

Ребята, нужна помощь. Подскажите как сделать главное меню (там где отображаются категории) на всю ширину экрана. Проблема в том, что оно расширяется вместе со всем содержимым сайта. Не обессудьте за мой французский - я совсем новичок в этой теме. 

Задать самому сайту ширину 100%

[Jackin]

Задать самому сайту ширину 100%

Такой вариант не устраивает - нужно именно меню сделать на всю ширину, а все остальное пусть остается как есть.

[DRONGO]

Такой вариант не устраивает - нужно именно меню сделать на всю ширину, а все остальное пусть остается как есть.

Скинь ссылку на сайт, постараюсь помочь. Ссыль можно в личку...

[Helloween]

Такой вариант не устраивает - нужно именно меню сделать на всю ширину, а все остальное пусть остается как есть.

Вы телевизор предпочитаете смотреть так, чтобы вся картинка помещалась на экране, или чтобы по бокам она за пределы экрана уходила?

[DRONGO]

Достаточно подправить css, необходимо зайти в css файл, который отвечает непосредственна за отображение меню, найти и заменить  следующие классы:

.dropdown-menu {
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
}


#menu {
  background-color: #454545;
  background-image: linear-gradient(to bottom, #464445, #5e5c5d);
  background-repeat: repeat-x;
  border-color: #454545 #454545 #454545;
  min-height: 40px;
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  border-radius: 0;
}

Чтобы ссылки меню остались по центру нужно добавить - 

ul.nav.navbar-nav {
  width: 1170px;
  position: absolute;
  left: 50%;
  ;
}

У вас там имеется адаптация, поэтому, чтобы меню оставалось по центру при адаптации - в соответствующих отрезках css (отвечающих за адаптивность) нужно прописать код аналогичный вышеуказанному, но с меньшими параметрами, например - 

 

ul.nav.navbar-nav {
  width: 940px;
  position: absolute;
  left: 50%;
  ;
}

То есть - margin-left: должен быть половиной  ширины (width:), а ширина должна соответствовать ширине других блоков сайта - во время адаптации. Не забудьте сделать копию редактируемого css, на всякий случай...

[glGizma]

так, что ли: