Hi Manuela,
Go to appearance > elements, find the header element that assigned to front page, increase the top and bottom paddings for mobile which includes mobile and tablet, for example 200px
for both top and bottom paddings.
https://docs.generatepress.com/article/header-element-overview/#padding
Then add this CSS to target mobile:
@media (max-width: 481px) {
.home .page-hero {
padding-top: 100px;
padding-bottom: 100px;
}
}
Let me know how it works!