Hi there,
You can try to reduce the padding on mobile:
@media (max-width: 768px) {
.inside-header {
padding: 20px;
}
}
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
If that doesn’t work, you may have to create another header specifically for mobile screens with a larger font.
You can show different headers on desktop and mobile using these instructions: https://generatepress.com/forums/topic/separate-mobile-header/#post-152749
Let me know if you need more info 🙂