Hello,
You can add larger padding on mobile specifically using CSS media query.
For example:
@media (max-width: 767px) {
.hero {padding-top: 400px;}
}
Paste this code in the Custom CSS field of the Custom Code section of the Integral Options panel.
Let me know if this doesn’t help.