Logo vertical alignment

I searched the forum for a solution to vertically align the logo in the header. There are some approaches but none (as far as i have read … there are so many threads) works with every type of header (especially with the fixed one).

After a couple of tries i came up with the following css code:

.logo img { display: inline-block; vertical-align: text-bottom; }

or

.logo img { display: inline-block; vertical-align: middle; }

This depends on the logo it self and you can choose what ever fits your visual needs best.

Because the kriesi-team knows its theme best i would like to know whether my css solution may brake the layout. I tested it with several browsers on windows, linux and android without issues. However as i can see differences between mobile and desktop devices (in chrome for android on a tablet device the menu/logo container does not change size if you scroll down … which should be an option for desktop views as well) i dont know whether there might be a situation where my css code fails. Any recommendations?

Regards

Michael

• This topic was modified 11 years, 2 months ago by mensmaximus. Reason: grammar