mobile logo

Fixed header for horizontal website in Elementor/WordPress

Solution:1

If you are trying this this

On devices with width > 1024px Header remains fixed while pages below scroll horizontally

Then place your header tags just after opening body tag. Like

<body ...>
<header ...>
...
</header>
...
...
</body>

I hope it will work.

Solution:2

  1. Click the Edit Section  section settings icon in your Header, and in the panel go to Advanced
  2. Click on Motion Effects, and slide the Sticky Header ON
  3. Choose the devices you need (desktop, tablet, mobile)
  4. Update and add Conditions. Click to learn about Conditions.