Header too small on mobile

[Aurimas]

Hi,
Wanted to check how my website looks on mobile and saw that the header is very small. Maybe you can suggest me how to fix it?
Meadjourney.com

[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

[Author]

Posts