top of page
New Feature Alert: Header Scroll Effects

New Feature Alert: Header Scroll Effects

Tuesday, 25 August 2020 at 8:00:00 PM UTC

Latest Insights

Title

Date

Mutant tailors digital solutions for evolving brands in the Middle East

Title

Date

Mutant tailors digital solutions for evolving brands in the Middle East

When you set a header as Fixed, you can give it various scroll effects including a Fill color effect, and Transition effects like Move and Fade. Here’s how: Select your header, then from the Inspector panel, under Scroll, set it as Fixed. Then you can define Transition and Fill color effects. Both effects can be applied together for some really cool behavior. Note: The Fill color effect can be customized per breakpoint, but the Transition effect affects all breakpoints. However, you can set the Move Distance relative to the component dimension (in %) —so your header moves in different distances, depending on which breakpoint you’re on. Have fun and let us know if you have any questions. Also, don't forget to share your beautiful sites with us here! #growingwithwix #wix #editorx #webdevelopment #webdesign

Share this Insight

New Feature Alert: Header Scroll Effects

New Feature Alert: Header Scroll Effects

Tuesday, 25 August 2020 at 8:00:00 PM UTC

Latest Insights

Title

Date

Mutant tailors digital solutions for evolving brands in the Middle East

Title

Date

Mutant tailors digital solutions for evolving brands in the Middle East

When you set a header as Fixed, you can give it various scroll effects including a Fill color effect, and Transition effects like Move and Fade. Here’s how: Select your header, then from the Inspector panel, under Scroll, set it as Fixed. Then you can define Transition and Fill color effects. Both effects can be applied together for some really cool behavior. Note: The Fill color effect can be customized per breakpoint, but the Transition effect affects all breakpoints. However, you can set the Move Distance relative to the component dimension (in %) —so your header moves in different distances, depending on which breakpoint you’re on. Have fun and let us know if you have any questions. Also, don't forget to share your beautiful sites with us here! #growingwithwix #wix #editorx #webdevelopment #webdesign

Share this Insight

  • Social media icons black-01
  • Social media icons black-02
  • Social media icons black-03
  • Social media icons black-04
  • Social media icons black-05
  • Social media icons black-06
  • Social media icons White-07
  • Social media icons White-08
  • Social media icons White-09
  • Social media icons White-10
  • Social media icons White-11
  • Social media icons White-12
bottom of page