Single Page Navigator – Main

[TS-VCSC-Spacer height=”20″][TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/vcextensions/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png”]

  • 4 positions (top, bottom, left, right)
  • Responsive layout with automatic switch to mobile layout
  • Link to any element on page via ID or use normal link to external pages
  • Define offset to browser side it is assigned to
  • Optional scroll offset for desktop, tablet and mobile devices
  • Change color for each menu item individually
  • Optional easing animations for scroll
  • Apply tooltip to each menu item
  • Add hover or infinite CSS3 animation to each menu icon individually
  • Menu will update active item based on scroll position
  • … and much more!

[/TS_VCSC_Fancy_List]

[TS_VCSC_Teaser_Block_Standalone image=”16020″ overlay=”#0094ff” title=”Bottom Menu” font_title_family=”Default:regular” subtitle=”… demo for bottom menu bar” font_content_family=”Default:regular” icon_position=”bottom” icon=”ts-awesome-arrow-down” button_type=”flat” button_flat=”ts-dual-buttons-color-sun-flower” button_hover=”ts-dual-buttons-preview-orange-flat ts-dual-buttons-hover-orange-flat” button_text=”View Demo” font_button_family=”Default:regular” el_file=”” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Fsingle-page-navigator-demo-1%2F||”]
[TS_VCSC_Teaser_Block_Standalone image=”16020″ overlay=”#0094ff” title=”Left Menu” font_title_family=”Default:regular” subtitle=”… demo for left menu bar” font_content_family=”Default:regular” icon_position=”bottom” icon=”ts-awesome-arrow-left” button_type=”flat” button_flat=”ts-dual-buttons-color-green-sea-flat” button_hover=”ts-dual-buttons-preview-emerald-flat ts-dual-buttons-hover-emerald-flat” button_text=”View Demo” font_button_family=”Default:regular” el_file=”” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Fsingle-page-navigator-demo-2%2F||”]
[TS_VCSC_Teaser_Block_Standalone image=”16020″ overlay=”#0094ff” title=”Right Menu” font_title_family=”Default:regular” subtitle=”… demo for right menu bar” font_content_family=”Default:regular” icon_position=”bottom” icon=”ts-awesome-arrow-right” button_type=”flat” button_flat=”ts-dual-buttons-color-peter-river-flat” button_hover=”ts-dual-buttons-preview-belize-hole-flat ts-dual-buttons-hover-belize-hole-flat” button_text=”View Demo” font_button_family=”Default:regular” el_file=”” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Fsingle-page-navigator-demo-3%2F||”]
[TS_VCSC_Teaser_Block_Standalone image=”16020″ overlay=”#0094ff” title=”Top Menu” font_title_family=”Default:regular” subtitle=”… demo for top menu bar” font_content_family=”Default:regular” icon_position=”bottom” icon=”ts-awesome-arrow-up” button_type=”flat” button_flat=”ts-dual-buttons-color-alizarin-flat” button_hover=”ts-dual-buttons-preview-pomegranate-flat ts-dual-buttons-hover-pomegranate-flat” button_text=”View Demo” font_button_family=”Default:regular” el_file=”” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Fsingle-page-navigator-demo-4%2F||”]