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

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

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

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

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

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

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


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

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

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


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

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

@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

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


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

 

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

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

    }

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

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

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

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


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

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

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


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

Выше изложенным способом в версии Version 3.0.2.0 (rs.2)  не получилось. Только через bootstrap.min.css (хоть этот способ на форуме не рекомендовали).

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От ibond
      2 500.00 руб
      Скачать/Купить дополнение


      Opencart минификация html, text/css, text/javascript
      Минификация (minify) — это простой подход для уменьшения размеров загружаемого контента. В процессе сжатия все комментарии к коду, переносы строк, лишние табы и пробельные символы удаляются. Это позволяет сэкономить 10...20% от оригинального размера загружаемого документа.
       
      Предлагаю свое решение минификации для Опенкарт.
       
      Пример работы можно увидеть на сайтах:
      1. Кастомный шаблон
      2. Кастомный шаблон
      3. Шаблон Barbara + JetCashe
       
      Данное решение совместимо с JetCashe, в котором на данный момент присутствует только html минификация, сделанная на основе mrclay/minify с доработками. В моем решении минификация html происходит по другой схеме, что позволяет минифицировать не только html, но и все встроенные CSS и JS на странице.
       
      Данное предложение действует для версий Опенкарт 2.х.
      Добавил ibond Добавлено 15.02.2019 Категория Услуги  
    • От ibond
      Минификация (minify) — это простой подход для уменьшения размеров загружаемого контента. В процессе сжатия все комментарии к коду, переносы строк, лишние табы и пробельные символы удаляются. Это позволяет сэкономить 10...20% от оригинального размера загружаемого документа.
       
      Предлагаю свое решение минификации для Опенкарт.
       
      Пример работы можно увидеть на сайтах:
      1. Кастомный шаблон
      2. Кастомный шаблон
      3. Шаблон Barbara + JetCashe
       
      Данное решение совместимо с JetCashe, в котором на данный момент присутствует только html минификация, сделанная на основе mrclay/minify с доработками. В моем решении минификация html происходит по другой схеме, что позволяет минифицировать не только html, но и все встроенные CSS и JS на странице.
       
      Данное предложение действует для версий Опенкарт 2.х.
    • От AJQ
      Добрый день!
      При импорте файлов YML через модуль import YML, все товары добавляются, за исключением категорий.
       
      Warning: Invalid argument supplied for foreach() in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 214Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 381Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 383Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 381Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 383Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 381Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 383Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 381Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 383Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 381Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 383Notice: Undefined variable: id_category in /home/user2069301/www/benzoteh.by/admin/controller/tool/import_yml.php on line 381Notice: Undefined variable: id_category in Может кто сталкивался с таким?
    • От natural
      Всем привет! Нужна помощь.
      Есть Opencart 1.5.6 + PAVBLOG и установленный SEO PRO
      Причина в блоге не работают категории и статьи. Вот ссылка 
      https://ukryantar.com/blogs/ FAQ по типу этого 
       http://www.pavothemes.com/guides/pavblog/ https://nikita-sp.com.ua/2014/08/seo-urls-dlya-pav-blog-news-module-pod-opencart.html   
      и другие не работают.
       
      Вот мой SEO PRO (Он мультиязычный).
      Готов даже оплатить доработку с блогом. Рад буду советам так же.
       
    • От oc1c
      Скачать/Купить дополнение


      Обмен данными 1С и opencart
      Комплекс предназначен для управления содержимым интернет-магазина opencart из 1С.
      Экспорт товаров, обновление цен и остатков, импорт заказов, работа по расписанию.
       
      Внимание! В комплекте содержатся только инструкции по установке и настройке, а также описание API комплекса.
      Скачать сам комплекс можно на сайте oc1c.ru
       
      Текст обработки 1С специально написан и прокомментирован таким образом, чтобы даже новичок в программировании 1С легко в нём разобрался.
      Таким образом, можно подгонять задачи под себя, делать задачи по расписанию, остатки в режиме реального времени и т.д.
      Например, автоматическую выгрузку товара при его сохранении или коррекцию остатков по товару в случае его продажи/перемещения/поступления,
      изменение цены при переоценке и т.п.
       
      Важной особенностью технологии являются прямые чтение/запись в базу данных MySQL сайта, без использования PHP.
      Никаких файлов на сайт закачивать, и, тем более, заменять не нужно.
       
      Обмен данными 1С с сайтом можно производить в любое время, вне зависимости от количества посетителей и их активности.
      Кроме того, реализована работа по расписанию, так что комплекс может работать "постепенно", закачивая только изменения.
       
      Можно управлять несколькими сайтами, легко переключаясь между сохранёнными настройками формы обработки 1С.
      Можно использовать несколько баз данных 1С.
       
      В комплекте имеются инструкции по установке и настройке комплекса, а также описание API внешней компоненты.
       
      Скачать сам комплекс можно на сайте oc1c.ru
       
      Имеются готовые решения для следующих конфигураций 1С:
      1С 7.7 Торговля и склад 9.2 1С 8.1 Управление торговлей 10.3 1С 8.2 Управление торговлей 10.3 1С 8.3 Управление торговлей 10.3 1С 8.3 Управление торговлей 11.2 1С 8.3 Управление торговлей 11.3 1С 8.3 Управление торговлей 2.2 для Казахстана 1С 8.3. Управление производственным предприятием 1.3 1С 8.3 Розница 2 1С 8.3 MBC Детали машин 1С 8.3 Управление небольшой фирмой 1.6  
      Для работы с прочими конфигурациями требуется адаптация обработки 1С, с которой, имея описание API и одно из готовых решений, может справиться любой программист 1С.
      Вы можете заказать адаптацию, обратившись на почту mail@oc1c.ru
       
      Комплекс платный, но допускает работу в демо-режиме.
      В этом случае на Вашем сайте появятся несколько ссылок на ресурс oc1c.ru
       
      По вопросам приобретения лицензии обращайтесь на почту mail@oc1c.ru
      По вопросам технической поддержки обращайтесь на почту support@oc1c.ru
       
      Добавил oc1c Добавлено 27.12.2016 Категория Обмен данными Системные требования Сайт разработчика oc1c.ru Старая цена Метод активации По емейлу Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика  
  • Последние посетители   0 пользователей онлайн

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

×

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

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