Reply To: Centering logo in header in responsive wordpress

[shaneisme]

As I stated originally, an absolutely displayed item is outside the flow of the page. So when #masthead collapses on your “mobile” breakpoint, the content that it was keeping down comes on up.

You can solve this any number of ways… you can piggyback on that breakpoint and make the image the same size as the new menu bar… if you don’t want to make it smaller (probably a bad idea), you can just make it position: relative instead, but then you’d need to restyle it for centering. And I’m sure there are many other ways to do it.

I’d also look into making a responsive typography scale so that mobile screens aren’t overwhelmed by huge headings.