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

Некорректное отображение категорий


kekeshkin

Recommended Posts

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

http://www.oborud-sklad.ru (под категорией "тепловое" есть категория "кондитерское" которую из-за отсутствия фона не видно)

Как расширить фон на обе строки, и как сделать что-бы он увеличивался автоматически при увеличении кол-ва категорий в меню?

Заранее спасибо.

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


возможно вам стоит в файле catalog/view/theme/default/stylesheet/stylesheet.css у блока #menu и пункта в нем height значение равное 73px

вот как-то так

#menu {
...
height:73px;
...
}
  • +1 2
Надіслати
Поділитися на інших сайтах


Коллега, спасибо за решение, но не подскажете ли вот такой момент - как видите выпадающее меню перекрывает то что ниже.

Можно это как то порешать? прозрачность например убрать? или как то еще?

Спасибо!

ЗЫ. И на первой картинке - не получается нажать мышкой на "новогодние наборы.." - пропадает выпавший список категорий, и открывается нижний (Новогодние подарки) ((( не знаете в чем дело?

Изображение

Изображение

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


...прозрачность например убрать? или как то еще?

ЗЫ. И на первой картинке - не получается нажать мышкой на "новогодние наборы.." - пропадает выпавший список категорий, и открывается нижний (Новогодние подарки)...

Как вариант, с прозрачностью можно бороться заменив фон выпадающего списка на другую (непрозрачную) картинку или указав нужный цвет.

А для возможности спокойного перехода между пунктами внутри выпадающего списка вам пожалуй стоит попробовать задать/увеличить значение z-index у пункта #menu > ul > li > div

  • +1 2
Надіслати
Поділитися на інших сайтах


Увеличил ((( также поставил position: relative; - теперь работает, но нижние пункты меню "разбегаются" от выпадающего вниз.

Т.е. неюзабельно выходит.

А снести это меню вообще - не знаете как?

Спасибо!

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


  • 3 weeks later...

попробуйте, как вариант, у себя в файле catalog/view/theme/ваша тема/stylesheet/stylesheet.css

у блока #menu > ul > li > a слегка изменить значения у

padding: 12px 9px 11px 9px; и font-size: 12px;

и у блока #menu вернуть height: 37px;

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


тогда можно будет попробовать либо не выводить все категории в горизонтальное меню, либо перегруппировать сами категории (сделать немного компактнее вывод с большим количеством подпунктов)

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


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

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

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

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

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

Вхід

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

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

Important Information

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