[mk_fancy_title tag_name=”h3″ color=”#00accb” size=”26″ margin_bottom=”0″ font_family=”none”]Make Storefront Header “Sticky”[/mk_fancy_title][mk_fancy_title font_family=”none”]Insert/Save the following JavaScript and CSS snippets inside your Storefront Admins “Advanced Style Settings” to make your website’s header stick to the top of the page on scroll.[/mk_fancy_title]

[gistpen id=”9823″]

[mk_page_section min_height=”0″ padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h3″ color=”#00accb” size=”26″ margin_bottom=”0″ font_family=”none”]Result:[/mk_fancy_title]
[/mk_page_section]
[mk_image src=”https://printsites.com/wp-content/uploads/2016/09/Sticky_Header.png” image_size=”large” lightbox=”true” frame_style=”shadow_only” desc=”On Scroll” caption_location=”outside-image” align=”center”]
[mk_image src=”https://printsites.com/wp-content/uploads/2016/09/Sticky_Header_2.png” image_size=”large” lightbox=”true” frame_style=”shadow_only” desc=”Header Sticks to top of Page” caption_location=”outside-image” align=”center”]
[mk_fancy_title tag_name=”h3″ color=”#00accb” size=”26″ margin_bottom=”0″ font_family=”none”]Add Product Catalog Hover Effect[/mk_fancy_title][mk_fancy_title margin_bottom=”0″ font_family=”none”]Insert/Save the following JavaScript and CSS snippets inside your Storefront Admins “Advanced Style Settings” to apply a cool Hover Effect /// Call to Action to your storefront’s product catalog items.[/mk_fancy_title]
[mk_page_section min_height=”0″ padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″]

[gistpen id=”9872″]

[/mk_page_section][mk_page_section video_loop=”false” min_height=”0″ padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h3″ color=”#00accb” size=”26″ margin_bottom=”0″ font_family=”none”]Result:[/mk_fancy_title]
[/mk_page_section]
[mk_image src=”https://printsites.com/wp-content/uploads/2016/09/overlay_effect.png” image_size=”large” lightbox=”true” frame_style=”shadow_only” desc=”On Scroll” caption_location=”outside-image” align=”center” margin_bottom=”-50″]