Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[РЕШЕНО] Как выровнять пункты главного меню по центру?


Recommended Posts

  • 2 years later...

Нашел за бугром. Делается просто добавлением после этой строки:

@media (min-width: 768px) { 

вот этот текст:

#menu .navbar-nav {
      float: none;
      text-align: center;
   }

   #menu .navbar-nav > li {
      display: inline-block;
      float: none;
      text-align: left;
   }
  • +1 1
Надіслати
Поділитися на інших сайтах


  • 2 months later...

 

Нашел за бугром. Делается просто добавлением после этой строки:

@media (min-width: 768px) { 

вот этот текст:

#menu .navbar-nav {
      float: none;
      text-align: center;
   }

   #menu .navbar-nav > li {
      display: inline-block;
      float: none;
      text-align: left;
   }

AnDeton, будь добр, опиши подробнее. А то в 2.1.0.2 этот код (@media (min-width: 768px) { ) в файле стилей в двух местах - на 271 строке:

@media (min-width: 768px) {

    #menu .dropdown:hover .dropdown-menu {

        display: block;

    }

и на 715 строке:

@media (min-width: 768px) {

    #column-left  .product-layout .col-md-3 {

       width: 100%;

    }

Пробовал по твоему совету - не получилось. Напиши по строкам как заменить (т.е. какие строки заменять твоим кодом, чтобы получилось как на фото).

На фото все кнопки меню одинаковой ширины и растянуты на всю ширину блока контент.

Заранее, благодарю!

Надіслати
Поділитися на інших сайтах


  • 3 weeks later...

AnDeton, будь добр, опиши подробнее. А то в 2.1.0.2 этот код (@media (min-width: 768px) { ) в файле стилей в двух местах - на 271 строке:

@media (min-width: 768px) {

    #menu .dropdown:hover .dropdown-menu {

        display: block;

    }

и на 715 строке:

@media (min-width: 768px) {

    #column-left  .product-layout .col-md-3 {

       width: 100%;

    }

Пробовал по твоему совету - не получилось. Напиши по строкам как заменить (т.е. какие строки заменять твоим кодом, чтобы получилось как на фото).

На фото все кнопки меню одинаковой ширины и растянуты на всю ширину блока контент.

Заранее, благодарю!

 

На 2.1.0.2.1 работает.

Вставлять код нужно в два места в подразделе "#menu" после "@media (min-width: 768px) {":

@media (min-width: 768px) {
	
	#menu .navbar-nav {
      float: none;
      text-align: center;
   }

   #menu .navbar-nav > li {
      display: inline-block;
      float: none;
      text-align: left;
   }
	
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	
	#menu .navbar-nav {
      float: none;
      text-align: center;
   }

   #menu .navbar-nav > li {
      display: inline-block;
      float: none;
      text-align: left;
   }
	
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}

Номера строк могут не совпадать, т.к. файл редактировался.

Змінено користувачем melsp
Надіслати
Поділитися на інших сайтах


  • 1 year later...
  • 1 month later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.