Question

Help with sticky header on mobile

  • 5 December 2021
  • 1 reply
  • 31 views

Badge

Hello,

I am having issues with sticky headers on mobile using Elementor. Everything works fine, until you end up having to use the keyboard for a form like inputting your email address for a mailing list. After that, the sticky header will no longer be sticky and will pop around on the screen until you reload or go to a new page.

I looked this up online and others reported this back as far as 2013, with recommendations to not use sticky headers on mobile at the time (https://stackoverflow.com/questions/13435833/fixed-headers-with-text-fields-on-mobile-safari-websites).

Are there any solutions for keeping a sticky header while still having forms?


1 reply

Userlevel 7
Badge +4

@Christofer Strasz Have you found your answer yet? If so, please share it here so we can mark your answer as the best one and help others who may have a similar question, thanks :)

Reply