Reply To: Header too small on mobile

[Tom]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development