No Tolerance (27 Май 2017 - 18:13) писал:
Да, в мобильной версии сейчас посмотрел, логотип отлично отображается, четко видно, но на сайте он совсем маленький и выглядит не очень красиво. Может можно что-то сделать, чтобы это никак не отразилось на мобильной версии? Может не полностью заполнить это место, а сделать хотя бы немного крупнее. Если это не очень сложно, напишите пожалуйста всё же какие нужно внести изменения для увеличения логотипа. Попробую, посмотрю как будет отображаться в мобильной версии и на других разрешениях. Если других вариантов нет и всё будет некорректно отображаться придётся смириться...хотя дизайн новый очень понравился, единственный момент, который хотел исправить - это логотип. В предыдущем варианте дизайна перековырял всё что можно и вроде нормально везде отображалось))
Здравствуйте.
В шаблоне main.css код:
#header .header-right {float: left;width: calc(100% - 170px);border-right: 1px solid rgba(60,60,60,0.1);}
Заменил на:
#header .header-right {float: left;width: calc(100% - 215px);border-right: 1px solid rgba(60,60,60,0.1);}
Код:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 145px;text-align: center;}
Заменил на:
#header .container > .logo {display: block;float: left;position: relative;width: 215px;height: 145px;text-align: center;}
Код:
#header .header-right .header-links .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;}
Заменил на:
#header .header-right .header-links .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 11px;border: 0;}
Код:
#custommenu .mainnav > li > a {display: block;position: relative;text-transform: uppercase;padding: 9px 20px 9px 15px;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;transition: color 0.1s,background-color .1s;}
Заменил на:
#custommenu .mainnav > li > a {display: block;position: relative;text-transform: uppercase;padding: 9px 20px 9px 10px;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;transition: color 0.1s,background-color .1s;}
Проверьте результат, пожалуйста