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