2Biz

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

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

2Biz    0

Подскажите как выровнять пункты главного меню по центру? Я уже весь код облазил, ничего не помогло.

Прикрепляю скрин

post-669259-0-59360400-1372851391_thumb.jpg

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


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

А как победить меню в версии 2.0.2

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


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

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

@media (min-width: 768px) { 

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

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

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

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


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

 

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

@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%;

    }

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

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

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

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


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

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

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


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

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

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

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

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

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

Войти

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

Войти


  • Похожий контент

    • От Tamadjin
      Здравствуйте. Подскажите, как добавить ещё язык в Custom Banner v_2.X?  Где и какой код добавить?  У меня Opencart Pro 2.3.0.2.3 
      Три языка (ru,uk,en) на сайте, а Custom Banner поддерживает только 1-н.
    • От raewskii

      300.00 руб
      Скачать/Купить дополнение


      Short Description (ocmod) for 2.3. Version:
      Добавляется в панеле, к товару - дополнительное поле (ниже основного описания). Использует редактор "WYSIWYG". Даёт возможно вставить картинки. Всё выглядит аккуратно и понятно для клиента. Если "Мини описание" не заполнено, показывает основное. Работает во всех стандартных категориях и модулях. Простое интегрирование в сторонние модули. Внимание! (Выполняется SQL запрос который добавляет колонку mini_description в таблице product_description).
      Добавил raewskii Добавлено 31.08.2017 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3  
    • От raewskii
      Добавляется в панеле, к товару - дополнительное поле (ниже основного описания). Использует редактор "WYSIWYG". Даёт возможно вставить картинки. Всё выглядит аккуратно и понятно для клиента. Если "Мини описание" не заполнено, показывает основное. Работает во всех стандартных категориях и модулях. Простое интегрирование в сторонние модули. Внимание! (Выполняется SQL запрос который добавляет колонку mini_description в таблице product_description).
    • От Mirosha
      Задача для опытного разработчика на OpenCart и ocStore и хорошо знакомого с модулем SEOpro уверенно знающего как реализовать данную задачу в кратчайшие сроки!

      Тестовый сайт http://test.abello.ru
      Разделы/подразделы нужно оставить все как есть сейчас например: http://test.abello.ru/katalog/torty/detskie-torty/malchikam/

      Нужно, чтобы у товара http://test.abello.ru/katalog/torty/detskie-torty/detskiy-tort-vypusknoy-jurnal.html был только один URL и был он расположен только здесь: http://test.abello.ru/produkt/detskiy-tort-vypusknoy-jurnal.html

      При нахождении пользователя в карточке товара в хлебных крошках должен быть пусть который пользователь фактически проделал на пути к этой карточке товара, т.е.
      Главная > Торты > Детские > Мальчикам > Детский торт "Выпускной журнал".
        Файлы модуля SEOpro вложены к заданию.   Готов рассмотреть Ваши предложения реализации данной задачи с указанием в ответном сообщении сроков и стоимости реализации данной задачи.

      Есть и другие задачи.
      seopro.zip
    • От maskirovka52
      Добрый день!
      Нужна помощь в создании магазина товаров милитари (шмотки экипировка) на Opencart
      Купил шаблон и хостинг, установил всё это и забил это дело на полгода...
      www.maskirovka52.ru Сейчас сунулся а там вообще ничего не грузит...
      Нужно начинать решать эту проблему... 
      Если заинтересовал Вас то меня зовут Николай Skype: slavy_sizov
  • Последние посетители   0 пользователей онлайн

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