I see that the problem is in the css of the template which is the following:

.main-page-wrapper {
margin-top: -40px;
padding-top: 40px;
min-height: 50vh;
background-color: #FFF;
}

I changed the following code:
.main-page-wrapper {
margin-top: 120px;
padding-top: 40px;
min-height: 50vh;
background-color: #FFF;
}

Is this solution ok? Or do you recommend doing it another way? Will the web look good from all devices with this css change?

Thanks