Vertically center logo on mobile?

[COK]

Is there an easy way to veritcally center my header’s logo on mobile view?

as you can see above, it currently sticks to the top with a lot of padding at the bottom.

site: https://tinyurl.com/ycuoyf9o

thanks

[paul.r]

Hi,

Thanks for writing in!

To vertically center it on mobile.

You can add the code below in Theme Options > CSS

@media (max-width: 479px) {
.x-brand {
    margin-top: 18px;
}
}

Hope that helps

[COK]

@paul.r

@media (max-width: 479px) {
.x-brand {
margin-top: 18px;
}
}

Thanks, this worked great!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.