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=»1782″ logo_retina=»1783″ 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=»1786″ st_logo_retina=»1787″ 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]