Archived topic

Header too small on mobile

1 reply · Started by Anonymous on December 1, 2015

Viewing posts 1–2 of 2

December 1, 2015 at 12:13 am #156931

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

December 1, 2015 at 12:30 am #156939

Hi there,

You can try to reduce the padding on mobile:

@media (max-width: 768px) {
    .inside-header {
        padding: 20px;
    }
}

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 :)

This archived topic is closed to new replies.