How to disable sticky header on tablet and mobile?

Theophania Stathakos

• October 18, 2022 05:19

Hi,

I created a sticky header on for desktop but I don't want to have the sticky header in tablet or mobile view.

Is there a way to disable them?

Thanks.

0

• 

  KC George

  • October 18, 2022 15:21

  Hi Theophania,

  The mobile and tablet devices will also have a sticky header if you make the desktop header sticky. Please use this workaround to have a sticky header for desktops and a fixed/static header for mobile devices and tablets.

  1. Set your header as sticky and duplicate it. You will now have two headers. Let's call the first one the Original and the second, Duplicate 
  2. Hide the Original header in tablet and mobile design views
  3. Set the duplicate header as fixed/static and hide it on desktop

  0

Please sign in to leave a comment.