Smart One Page – Sticky Menu Behavior: Only Appears When Page Is Scrolled Up

[op_container loading_style=”double-bounce” loading_color=”#1bbc9b” mnav_style=”classic” mnav_sticky_behavior=”1″ snav_style=”style-4″ snav_behavior=”1″ scroll_effect=”easeOutExpo” nav_font_weight=”normal” snav_font_weight=”normal” nav_bg=”#333333″ nav_text_color=”#aaaaaa” nav_text_hover_color=”rgba(255,255,255,0.85)” nav_text_active_color=”#ffffff” logo=”1429″ logo_retina=”1430″ mnav_sticky_height=”60px” nav_active_bg=”#222222″ snav_item_color=”#111111″ snav_item_bg_hover_color=”#111111″ snav_item_active_color=”#111111″ snav_item_bg_active_color=”#111111″ snav_item_hover_color=”#111111″ scroll_speed=”1200″ st_logo=”1433″ st_logo_retina=”1434″ stnav_bg=”rgba(0,0,0,0.8)” snav_bg=”#ffffff” snav_tooltip_bg=”#ffffff” snav_tooltip_color=”#111111″][op_item item_icon=”font” content_width=”1″ height=”1″ content_position=”1″ downmore_button=”yes” item_name=”Home” item_name_alias=”sticky-menu-demo” background_color=”#111111″ icon_font=”fa fa-home” icon_color=”#ffffff”]

DEMO STICKY NAVIGATION

Only Appears When Page Is Scrolled Up

[/op_item][op_item item_icon=”font” content_width=”1″ height=”1″ content_position=”1″ item_name=”Selection A” item_name_alias=”Selection A” icon_font=”fa fa-heart” background_color=”rgba(221,51,51,0.3)” icon_color=”#dd3333″]

SELECTION A

[/op_item][op_item item_icon=”font” content_width=”1″ height=”1″ content_position=”1″ item_name=”Selection B” item_name_alias=”Selection B” icon_font=”fa fa-cogs” background_color=”rgba(221,153,51,0.3)” icon_color=”#dd9933″]

SELECTION B

[/op_item][op_item item_icon=”font” content_width=”1″ height=”1″ content_position=”1″ item_name=”Selection C” item_name_alias=”Selection C” icon_font=”fa fa-play-circle” background_color=”rgba(30,115,190,0.3)” icon_color=”#1d90ba”]

SELECTION C

[/op_item][op_item item_icon=”font” content_width=”1″ height=”1″ content_position=”1″ item_name=”Selection D” item_name_alias=”Selection D” icon_font=”fa fa-cubes” background_color=”rgba(130,36,227,0.3)” icon_color=”#a466e2″]

SELECTION D

[/op_item][/op_container]