HELP: Strange header display issue on mobile only

Hi there - I'm having an issue with the header of my home/bio page loading strangely on mobile (see attached images). My website is www.laraunnerstall.com.

On mobile, the header is cut off by the top navigation bar. This is only happening on my home/bio page, not any of the other pages on my site.

Things I've tried:

* Removing the header (when I do this the image gets cut off on mobile so you just see my dog, not my face)

* Swapping the placement of the header and the image

* Using all three header styles in the WYSIWYG

* Pasting a piece of mobile header CSS into the advanced settings, which someone shared on a similar forum post

!

None of them fix the issue and I'm afraid it's a bug in the template. Any help appreciated, thank you!

Note for anyone else experiencing this: this bug came from having the page formatted as an index page. I played around with the format after realizing this, and the same bug kept happening. It's possible my template is incompatible with index pages - I was too tired to explore further.

My workaround was to copy the content to a new, regular page, make that my home page, and disable the index page.

You'll know you're working on an index page based on the icon with two stacked rectangles. My brain saw that and thought it was different because it was my home page, I wasn't even aware of the new feature.