Conflict when setting “Scroll Distance” 0px

Resolved matiasfbr1
(@matiasfbr1)

1 year, 1 month ago
Hi!
Amazing plugin! I’m just facing one issue when setting the Scroll Distance to 0px, the header overlaps with the first section of each page. How can I fix this without having to manually set a margin on each first section?
For example: https://matiasb4.sg-host.com/privacy/
Note, this doesn’t happen if I set the Scroll Distance to 1px or higher, but the transition is not smooth.
Thanks in advance!

Edit: I just noticed as well that as soon as the page loads it seems ok, but in less than one second the section goes up (under the header).
- This topic was modified 1 year, 1 month ago by matiasfbr1.
The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author Robert Wattner
(@rwattner)

1 year, 1 month ago

Hi, thanks! Try turning off the transparent option in the plugin and turn on elementor’s sticky option under motion effects. Set sticky to top. If you need a transparent header for specific pages then I suggest making the headers templates and using elementor’s display conditions to choose where to show them.
I hope this helps

Thread Starter matiasfbr1
(@matiasfbr1)

1 year, 1 month ago

Hey Robert thanks for the quick response.
I’ve turned off the transparent option in the plugin but nothing changes. I understand that turning this option on it “will make the header overlap the main page so extra spacing at the top of sections may be necesary.” but now is Off and it keeps happening.
I’m with Elementor Free so I can’t use their sticky option.

This is how the Edit page looks with Scroll Distance 0:
https://ibb.co/x389SrZ

and like this with Scroll Distance 1 or higher:
https://ibb.co/bzvLZNs

On the first case, I can’t edit the section properly.

Could there be any other reason? Thank you.

Plugin Author Robert Wattner
(@rwattner)

1 year, 1 month ago

Can you add this custom css
.she-header-yes, .she-header {
position: sticky !important;
}

Let me know if that helps. It’s hard to tell what’s going on without being able to see the code

Plugin Author Robert Wattner
(@rwattner)

1 year, 1 month ago

At 0px scroll distance that means all of the settings are being applied right away. 1px is recommended to apply settings as soon as scrolling starts while allowing it to reset at the very top pixel

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Conflict when setting “Scroll Distance” 0px’ is closed to new replies.

Views