Hello,
You use different margin-top for the elements:
firs element has 23px of the top margin https://prnt.sc/125i59y the next one – 0 px. So, use the same margin for all of them.
To fix the title add the below code to Theme Options > Custom CSS > mobile CSS
.page-heading .title :before, .page-heading .title :after {
zoom: .5;
}
.page-wrapper .page-heading .title {
font-size: 30px;
}
Regards