всем привет. Кто-нибудь делал резиновое меню в шаблоне Панда. Необходимо чтоб и при небольшом разрешении (к примеру при 768px) пункты меню не сдвигались на второй ряд, а уменьшались в размере. Пытался менять значения padding в файлах css. Делал изменения отступа между блоками в файле global.css в строке
#st_mega_menu_wrap .ma_level_0 {
padding: 0 10px;
}
Изменив 10 на 5. Так вроде все работает. Но в итоге при более низком разрешении экрана отступ уменьшается и смотрится плохо. Может есть иные способы, допустим изменения размера всего меню, либо размера шрифта меню при изменении разрешения...
Отвечаю на свой же вопрос, если кому это поможет тоже:
идеально это изменить немного значение паддинг в строке где я указал выше, а также изменение самого размера шрифта. Достигается путем применения в css измерения vw. В моем случае я изменил в файле stmegamenu.css
font-size: 1.33em;
на
font-size: 1.25vw;
Теперь меню хорошо масштабируется и ничего не вылазит.