Header breakpoints are different

Two of my headers are set with the same breakpoints, but they behave differently.


The top header (white header, have to scroll down on home page)

As you m minimize three screen, the header on any other page breaks as expected. The main header does not. The burger appears, but main elements do not hide as expected.

What do you think?

Thanks!

Travis

Hello Travis,

Thank you for the very detailed post information. I have checked your site and investigated your header. It seems that your sticky header is only hidden on the smallest screen size. I would recommend that you select small and extra small to hide the sticky header and make sure that the mobile menu will also need to be visible in smaller screens.

  • extra small: 480 pixels and below
  • small : between 767pixels and 481 pixels
  • medium: between 979pixels and 768 pixels

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.