Firefox Issue with Header

Hello. Thanks for the great free theme. I’m trying to troubleshoot an issue.

Everything is fine/great in Chrome/Edge.

https://www.swimminglymb.org/

On firefox, the main page content slides in behind the header. It doesn’t often happen the first time the page is loaded, but if you go to about us, or any page, you’ll see the problem with the header.

I found another thread on the internet that suggested putting:

.site-header {
position: relative !important;
}

.header-clone {
height: 0 !important;
display: none;
}

This fixes the alignment issue, but then the header is no longer sticky, which we want.

Thanks a lot in advance for any suggestions.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .header-clone {
        min-height: 196px;
      }
    }

Regards,
Kharis

1 Like

Thanks very much. That seemed to do the trick. I appreciate it.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis