Smart One Page – Sticky Menu Behavior: When Page Is Scrolled Down & Past The First Page

[op_container loading_style=”wave” loading_color=”#1bbc9b” mnav_style=”classic” content_width=”1″ snav_style=”style-4″ snav_behavior=”1″ scroll_effect=”easeOutExpo” nav_font_weight=”normal” snav_font_weight=”normal” nav_bg=”#ba2a2a” nav_text_color=”#ffffff” nav_text_hover_color=”rgba(255,255,255,0.85)” nav_text_active_color=”#ffffff” logo=”1433″ logo_retina=”1434″ mnav_sticky_height=”60px” nav_active_bg=”#932222″ 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″ nav_height=”60px” stnav_shadow=”rgba(0,0,0,0.2)”][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=”rgba(99,117,19,0.3)” icon_font=”fa fa-home” downmore_button_color=”#637513″]

DEMO STICKY NAVIGATION

When Page Is Scrolled Down & Past The First Page

[/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)”]

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)”]

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)”]

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)”]

SELECTION D

[/op_item][/op_container]