Растянуть пункты меню на всю ширину

[exortgroup11]

Здравствуйте. Подскажите пожалуйста как растянуть пункты меню на всю ширину?

http://pix.my/yAvcUdn5

 

Я знаю что редактируется где-то здесь, но что прописать понятия не имею :D

#menu_wrap {display:none !important;}
#menu{background:#444;background-image:linear-gradient(to bottom, #666, #444);background-repeat:repeat-x;border:solid 1px rgba(0, 0, 0, .2);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2);min-height:44px;}
#menu .nav > li > a{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 1);padding:10px 15px 12px 15px;min-height:15px;background-color:transparent;}
#menu .nav > li > a i{vertical-align:middle;font-size:0.8em;color:#ddd;margin:-2px 0 0 5px;text-shadow:0 -1px 0 rgba(0, 0, 0, 1);transition:all ease-in-out .2s;}
#menu .nav > li:hover a i{transform:rotate(-180deg);}
#menu .nav > li{border-right:solid 1px rgba(0, 0, 0, .2);box-shadow:1px 0 0 rgba(255, 255, 255, .1)}
#menu .nav span.visible-xs{position:absolute !important;color:#fff;right:16px;top:9px;}
#menu .nav span.visible-xs:after{content:'';position:absolute;top:-2px;right:-10px;width:30px;height:30px;}
#menu .nav .visible-xs .fa-minus{display:none;}
#menu .nav .open > .visible-xs .fa-plus{display:none;}
#menu .nav .open > .visible-xs .fa-minus{display:block;margin:4px 0 0;}
#menu .nav .show > .visible-xs .fa-plus{display:none;}
#menu .nav .show > .visible-xs .fa-minus{display:block;margin:5px 0 0;}
#menu .nav > li > a:hover, #menu .nav > li.open > a{background-color:rgba(0, 0, 0, 0.2);}
#menu .dropdown-menu{padding-bottom:0;}
#menu .dropdown-inner{display:table;}
#menu .dropdown-inner ul{display:table-cell;}
#menu .dropdown-inner a{min-width:175px;display:block;padding:3px 20px;clear:both;line-height:20px;color:#333333;font-size:0.9em;}
#menu .dropdown-inner li a:hover{color:#333;background:rgba(0, 0, 0, .06)}
#menu .see-all{display:block;margin-top:0.5em;border-top:1px solid #DDD;padding:3px 15px 6px;border-radius:0 0 3px 3px;font-size:0.8em;color:#777;text-shadow:0 1px 0 #fff;background:#eee}
#menu .see-all:hover, #menu .see-all:focus{color:#777;text-decoration:none;background:#e5e5e5}
#menu #category{display:block;margin:-2px 0 0;float:left;padding-left:15px;font-size:16px;font-weight:500;line-height:42px;color:#fff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);}

Помогите пожалуйста :)

[Papasan4ez]

ссылку на сайт скиньте-подскажу

[exortgroup11]

http://exortgroup.com.ua/

[Papasan4ez]

(min-width: 768px){

.navbar-nav>li{

float:none!important;

display: table-cell;

}

.navbar-nav {

display: table;

width: 100%;

}

}

#menu .nav > li > a{

text-align:center;

}

 

если имелись ввиду именно пункты меню,а не само меню

 

можно прямо в stylesheet.css

Змінено 29 квітня 2016 користувачем Papasan4ez

[exortgroup11]

 

(min-width: 768px){

.navbar-nav>li{

float:none!important;

display: table-cell;

.navbar-nav {

display: table;

width: 100%;

}

}

#menu .nav > li > a{

text-align:center;

}

 

если имелись ввиду именно пункты меню,а не само меню

 

можно прямо в stylesheet.css

 

 

Подскажите пожалуй, вместо каких или после каких строк вставить этот код?)

[Papasan4ez]

в самом конце stylesheet.css вставляйте,а вообще без разницы в каком месте,удалять ничего не нужно.

[exortgroup11]

Спасибо большое Papasan4ez

Помог решить мою проблему!