Перейти к содержанию
exortgroup11

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

Рекомендуемые сообщения

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

 

Я знаю что редактируется где-то здесь, но что прописать понятия не имею :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);}

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
(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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

(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

 

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.