The Code

export function anchorheader_onviewportLeave() {
    $w("#logosmall").show();
    $w("#stripsmall").show();
    $w("#biglogo").hide();
    $w("#bigstrip").hide();
}

export function anchorheader_onviewportEnter() {
    $w("#logosmall").hide();
    $w("#stripsmall").hide();
    $w("#biglogo").show();
    $w("#bigstrip").show();
}

The Elements

  •  1 large strip

  •  1 small strip

  •  1 large logo

  •  1 small logo

  •  1 anchor

* Just make sure you have a 'small' version and a 'large' version of any other elements you wish to use

Code Level:   Beginner

 

Featured Designers on Video:

Paule Design  - Shrinking Header

Matt Lowe Design  - Totally Codable Logo Designer

Adchix  - Code Class with Code Queen Nayeli Logo Designer

Contact Nayeli:

15 min complimentary consultation - nayeli@webixdesigns.com

Other tutoring, consultation, Wix Code or design services - View Services

Thank you for watching my videos

Please subscribe below!    Leave a tip!    Like & Share Facebook Page!

  • Facebook Social Icon
  • Totally Codable
This website was created by Code Queen LLC