Hello,

Yes, you can move that where you want it but this can not be done with solely css. Keep in mind that this is not a default style of theme so the changes you will make will be overwritten in future updates. So we suggest you save a copy of the edited file to replace it again in the future.
Please go to file \includes\view\blog\loop-index.php and find this code:
https://codeshare.io/2E63g4
Replace it with this:
https://codeshare.io/axP6KR
Save changes.

-Sorry but adding an image for the author is a customization not included in support.

I don’t see neither the blog page or the contact page have cropping issues. Please see these screenshots:
https://postimg.org/image/6rgsxdwz2j/
https://postimg.org/image/7jfn34kax7/

What screen width is your device? Can you send us some screenshots of what you get?
Let us know.

Best regards!

Hello,

Please add this code into your custom css box in General Options:

@media (max-width: 767px){
.blog #content {
    padding-left: 107px !important;
    width: 70% !important;
}
.wpb_column {
    margin-bottom: 50px !important;
}}

This will be the result blog page in mobile: https://postimg.org/image/6iizxrqppn/
This will be the Contact page look: https://postimg.org/image/2kdv2x71mz/
Let us know.

Best regards!

Hello,

In this block:

.blog #content {
    padding-left: 107px !important;
    width: 70% !important;
}

Just change the values until you are satisfied with the result.

Best regards!