is there a way to get the author photo vertically centered (when viewing on desktop) and horizontally centered (when viewing on mobile)?

When viewing on my iPhone it should be centered horizontally (above my name):

When viewing on my Desktop it should be centered vertically (next to my name):

URL is http://www.adsventure.de/

Is this possible somehow?

Thanks guys for your awesome work and theme! all the best!

Thanks for writing in!

I can see that on desktop author image is vertically center.

To fix the issue on mobile kindly use following CSS under Custom > CSS in the Customizer:

@media (max-width: 480px)
.x-author-box .avatar {
    display: block;
    float: none !important;
    margin: 0 auto;
}

Thanks.

Now, on desktop view, the text breaks under the photo:

Do you know a quick fix for that?

This happens only, when the photo is displayed left next to the text

Thx!

Thanks for writing in!

Kindly use following CSS under Custom > CSS in the Customizer:

@media screen and (min-width: 800px) {
    p.p-author.mbn {
    margin-left: 109px !important;
}
}

Let us know how it goes.

Thanks.