Форум

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

как понимаю и как методом тыка выяснено,

-что бы лэйбл был покрупнее я в коде css правлю этот пункт
вместо процентов я тут ставлю размеры рисунка в пикселях

img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%
}

после чего вот тут я должен добавить строку какую то, что бы выровнять блок в плоскости

.bx-header {}
/*Logo*/

.bx-logo {
padding-left: 17px;
padding-bottom: 19px;

...а может и не должен, а может и не тут. сейчас вылетело из головы, но чет добавлял по типу паддинга со значением минус сто и лэйбл вроде как поднимался выше, но синяя полосочка меню, которая появляется, когда окно браузера менее 676 пикселей становится, улетала в космос...ну или в верхние слои атмосферы уходила, что как бэ намекает, что не правильным путем я пошел.

вот сайт www.universal.vg

вот часть кода ЦСС. заранее благодарю откликнувшихся!

@media (max-width:767px){#bx-panel{display:none !important}}
body {
background: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

body.bx-opened {
overflow: hidden;
}

.bx-wrapper {
position: relative;
}

.icon-empty {
opacity: 0;
}

a {
text-decoration: none;
}

a:active,
a:hover {
border-color: transparent;
text-decoration: none;
}

a,
.container {
-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%
}

.bx-header {}
/*Logo*/

.bx-logo {
padding-left: 17px;
padding-bottom: 19px;

}

.bx-logo .bx-logo-block {
display: block;
height: 50px;
border-bottom: none;
}

.bx-logo-text,
.bx-logo-text:hover,
.bx-logo-text:active {
font-size: 32px;
font-weight: 700px;
font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #000;
line-height: 37px;
text-decoration: none;
border: none;
vertical-align: bottom;
}

.bx-logo-text small {
font-size: 37px;
}

.bx-logo-desc {
text-transform: uppercase;
display: block;
font-weight: 700;
font-size: 13px;
line-height: 10px;
color: #b8b8b8;
}

@media (max-width: 767px) {
.bx-logo {
background: #1484ce;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1400;
padding: 10px 60px;
}
.bx-logo .bx-logo-block {
text-align: center;
height: 30px;
}
.bx-logo-text {
font-size: 24px;
color: #fff;
line-height: 30px;
vertical-align: middle;
}
.bx-logo-text:hover,
.bx-logo-text:active {
color: #fff;
}
.bx-logo-text small {
font-size: 24px;
color: #fff;
}
.bx-logo-desc {
display: none;
}
}