The header on the homepage is cutoff and misaligned on mobile. How can I fix this?

amaryana · December 2017

I don't see this issue on desktop at all. I have the most basic customization for it, just a header over an image. Nothing more.

I've been trying to fix this for awhile but have not had any luck on my own or from Google.

Thanks!

Bryan · December 2017

Hi,

we do not see any problem with header on mobile, can you provide some screenshots?

http://prntscr.com/hiv30g

thanks

amaryana · December 2017

It works on most devices according to Chrome/Firefox Inspect but my client is going to keep asking me until it works on every possible device.

That's the same header in iPhone SE/5/4:

Thanks for helping me

Bryan · December 2017

The font size is just too big, you can use this css to break the line on small devices

@media only screen and (max-width: 767px) {
h2 {
    word-break: break-all !important;
} }

Comments