Reply To: Header too small on mobile

Home Forums Support Header too small on mobile Reply To: Header too small on mobile

Home Forums Support Header too small on mobile Reply To: Header too small on mobile

#156939
Tom
Lead Developer
Lead Developer

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 🙂