Header section mobile compatability

[kristincali]

I’m having trouble getting my header section looking good on PC vs mobile.

For instance, my header text is set at 45px and it appears small on a PC but WAY larger on mobile. Is there any way to set a more uniform font size?

Second issue is the header background image. It cuts off on mobile. How can I keep the image from cutting off in smaller window sizes?

Thank you!

[Andy]

Do you have an example I can take a look at?

When I view your website, the header text appears to be 30px so I’m not 100% sure which text you want to modify.

There will always be some compromise when using a background image on both desktop and mobile, as the screen/window size ratio are so different.
It may be that if we can adjust the text size to be more suitable, this will help with the background image size, as with smaller text on mobile the background image won’t need to cover the same height of area.

[Author]

Posts