Mobile Site Header Issues

Hello again,

My website is currently experiencing some issues with its mobile display (I’m using an iPhone 6). The header button is overflowing past the header image when the phone is held normally. When the phone is held sideways, everything lines up just fine.

Any way I can fix this?


Hello Aegis,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

div.header-image img.small-header {
    min-height: 300px;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

That worked, thank you!

You are welcome Aegis! :slight_smile:

Kind Regards, Roman.