Вы здесь

Проблема с центрированием меню в теме Business Responsive Theme. Требуется совет.

0

Такая проблема: сайт на 7 версии Drupal, тема на основе Business Responsive Theme. Суть: заказчик попросил немного расширить сайт. Не вопрос - сделал. Растянул главное меню, на всю ширину экрана (в процентах, область content - 1200px), а само меню, в котором ul и элементы li a, выровнял таким способом:

CSS:

main-menu ul {
float: left;
font-size: 13px;
**left: 50%;**
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;

}

main-menu li {
background: rgba(0, 0, 0, 0) url("images/nav-border.png") no-repeat scroll right 0;
float: left;
font-size: 14px;
**left: -50%;**
margin: 0;
padding: 0;
position: relative;

}
Проблема в том что при масштабировании под моб. версию при нажатии на меню появляются области, как я понял, этих "left" и они синего цвета. На ПК этот эффект исчезает после того как меню раскрылось, а вот на мобильном - видно что какой-то блок перекрывает меню когда оно открыто. Было бы полбеды разобраться что и откуда - но Firebug'ом не могу выловить этот область. Может кто что подскажет или сталкивался с таким, пускай вопрос и не конкретно по Drupal.

P.S. До этого делал пару проектов, верстал/познавал CSS, но делал статику.

Версия Drupal: 
7.x
Категория: 
HTML/CSS
Вопрос задан 28.04.2017 - 12:15

Ответы