15 Slider Navigation Button Styles

NAVIGATION ARROW CONTROLS

ALL 15 SLIDER NAVIGATION BUTTON DEMOS

Complete showcase of all 15 nav_style shortcode parameter variations supported by Delowar Swipe Slider Pro. Combined with autoplay="yes" and loop="yes".

NAV STYLE #1 1. Default Classic Circle Arrows (nav_style="default")
[delo_swipe_slider ids="88" nav_style="default" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Standard elevated circular arrow buttons with soft drop shadow and subtle hover scaling.
Slide 1

Minimal Review & Quote Preset

Clean borderless testimonial slider for client feedback & trust badges.

Slide 2

E-Commerce Product Carousel

Touch swipe WooCommerce featured product carousel layout.

Slide 3

Modern Portfolio Preset

High-impact dark background gallery with smooth cross-fade opacity.

Slide 4

Corporate Business Preset

Professional deep teal theme layout with crisp executive typography.

NAV STYLE #2 2. Minimalist Sleek Arrows (nav_style="minimal")
[delo_swipe_slider ids="83" nav_style="minimal" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Border-free transparent chevron arrows designed for clean fullwidth hero presentations.
Slide 1

0.02s Execution Time

Executes in under 20 milliseconds without blocking looper threads.

Slide 2

Zero Layout Shift (CLS)

Pre-calculated image container bounds prevent Cumulative Layout Shift.

Slide 3

Hardware Accelerated CSS

GPU-based CSS transforms (translate3d) for buttery smooth 60fps.

Slide 4

Clean Semantic HTML Markup

SEO-friendly HTML5 tags with full ARIA accessibility standards.

NAV STYLE #3 3. Boxed Square Elevation Buttons (nav_style="boxed")
[delo_swipe_slider ids="82" nav_style="boxed" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Solid square navigation buttons with sharp corners and high-contrast dark navy background.
Slide 1

"Highly Recommended for Agencies"

We use Delowar Pro across 50+ commercial client websites.

Slide 2

"Fantastic Customer Support"

The developer provides rapid updates and helpful documentation.

Slide 3

"Best WP Slider Plugin 2026"

Easy shortcode controls and beautiful responsive touch swipe gestures.

Slide 4

"Lightweight & Zero jQuery"

Our Google PageSpeed score jumped from 65 to 98 instantly.

Slide 5

"Unmatched Touch Performance"

Delowar Swipe Slider Pro transformed our agency client site speed.

NAV STYLE #4 4. Floating Glassmorphism Arrows (nav_style="floating")
[delo_swipe_slider ids="81" nav_style="floating" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Translucent frosted glass background with white border highlights and smooth hover elevation.
Slide 1

Card Carousel Mode 01

Multi-card touch carousel displaying 3-4 slides simultaneously.

Slide 2

Card Carousel Mode 02

Dynamic responsive scaling automatically matching device width.

Slide 3

Card Carousel Mode 03

Custom card gap spacing, hover zoom effects, and CTA styling.

Slide 4

Card Carousel Mode 04

Touch swipe navigation dots with active indicator highlighting.

Slide 5

Card Carousel Mode 05

Autoplay timer control with pause-on-hover interaction.

Slide 6

Card Carousel Mode 06

Seamless infinite loop wrap-around slide transition animations.

NAV STYLE #5 5. Dark Contrast Pill Buttons (nav_style="dark")
[delo_swipe_slider ids="80" nav_style="dark" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Charcoal dark rounded pill navigation buttons ideal for light-colored background slides.
Slide 1

iOS Touch Gesture Engine

Smooth 60fps swipe response optimized for Apple Mobile Safari.

Slide 2

Android Chrome Swipe Control

Zero-lag touch swipe event handling across Android mobile devices.

Slide 3

Tablet Multi-Touch Support

Responsive swipe drag behavior tuned for iPad and Android tablets.

Slide 4

Mouse Drag for Desktop

Intuitive mouse drag gesture controls for desktop monitor users.

NAV STYLE #6 6. Gradient Blue Glow Buttons (nav_style="gradient")
[delo_swipe_slider ids="79" nav_style="gradient" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Vibrant teal-to-blue gradient navigation buttons with glowing shadow highlights.
Slide 1

C-Suite Strategic Mentorship

Advising CEOs and Board Chairs on shareholder alignment.

Slide 2

Corporate Succession Planning

Preparing executive leadership transitions and board continuity.

Slide 3

Shareholder Rights Governance

Proxy voting advisory and activist investor relationship management.

Slide 4

Board Audit Committee Advisory

Enhancing financial audit rigor and internal controls compliance.

Slide 5

Global Compensation Structuring

Executive equity compensation and long-term incentive plans.

NAV STYLE #7 7. Border Outline Circle Arrows (nav_style="outline")
[delo_swipe_slider ids="78" nav_style="outline" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Transparent background with crisp 2px white border stroke that fills solid on hover.
Slide 1

Maritime Freight Shipping

Container fleet logistics and cross-continental shipping capital.

Slide 2

Air Cargo Supply Chain

Express air freight routing and cold-chain pharmaceutical logistics.

Slide 3

Port Terminal Infrastructure

Financing automated container ports and intermodal hubs.

Slide 4

Customs Tariff Compliance

Global trade regulatory consulting and duty optimization.

NAV STYLE #8 8. Rounded Edge Pill Buttons (nav_style="pill")
[delo_swipe_slider ids="77" nav_style="pill" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Wide stadium pill buttons with smooth 30px border-radius and inner icon padding.
Slide 1

Direct Mid-Market Lending

Senior secured loans for middle-market corporate expansion.

Slide 2

Mezzanine & Preferred Equity

Subordinated debt financing for strategic recapitalizations.

Slide 3

Distressed Asset Recovery

Restructuring underperforming debt obligations and turnaround.

Slide 4

Asset-Backed Securitization

Structuring high-grade collateralized loan obligations (CLOs).

Slide 5

Special Situations Capital

Opportunistic liquidity provision during market dislocations.

NAV STYLE #9 9. Neon Cyan Cyber Glow Arrows (nav_style="neon")
[delo_swipe_slider ids="76" nav_style="neon" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Electric cyan cyberpunk neon outline with outer glow drop-shadow effects.
Slide 1

High-Frequency Analytics

Real-time order book analytics and market depth visualization.

Slide 2

Commodity Yield Optimization

Energy, metals, and agricultural futures market intelligence.

Slide 3

FX Currency Risk Governance

Managing foreign exchange volatility for multinational trade.

Slide 4

Derivative Hedging Strategies

Options & futures hedging to mitigate portfolio drawdown.

Slide 5

Macro Risk Forecasting

Predictive economic modeling across interest rate cycles.

Slide 6

Algorithmic Trading Systems

Low-latency quantitative execution and automated liquidity routing.

NAV STYLE #10 10. Frosted Glass Blur Arrows (nav_style="glass")
[delo_swipe_slider ids="75" nav_style="glass" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Deep backdrop blur effect with semi-transparent white body and refined borders.
Slide 1

Artificial Intelligence Equity

Seed and Series A funding for enterprise generative AI platforms.

Slide 2

SaaS Enterprise Platforms

Scaling B2B recurring revenue software platforms globally.

Slide 3

Cybersecurity Infrastructure

Zero-trust security and threat intelligence venture investments.

Slide 4

Biotech & Health Tech

Pioneering medical diagnostic algorithms and therapeutic tech.

NAV STYLE #11 11. Retro Vintage Square Buttons (nav_style="retro")
[delo_swipe_slider ids="74" nav_style="retro" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Double-bordered retro square buttons featuring sharp 90-degree geometric edges.
Slide 1

Solar Power Infrastructure

Utility-scale solar grid projects delivering steady annual yields.

Slide 2

Wind Energy Transition

Offshore wind farm developments across coastal expansion zones.

Slide 3

Clean Tech Innovation

Battery storage & zero-emission transportation funding.

Slide 4

Social Impact Advisory

Directing institutional capital to sustainable community initiatives.

Slide 5

Carbon Neutrality Planning

Corporate carbon credit hedging and offset portfolio strategy.

NAV STYLE #12 12. Accent Gold High-Visibility Buttons (nav_style="accent")
[delo_swipe_slider ids="73" nav_style="accent" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Vibrant warm amber gold high-visibility buttons for dark themed hero slides.
Slide 1

Sustainable Architecture

LEED-certified green building technology integration.

Slide 2

Residential Equity Trusts

High-occupancy multi-family residential portfolios.

Slide 3

Logistics Infrastructure

Warehousing and global distribution network capital.

Slide 4

Metropolitan Real Estate

Prime commercial towers & urban redevelopment funds.

NAV STYLE #13 13. Side Attached Corner Tabs (nav_style="corner")
[delo_swipe_slider ids="72" nav_style="corner" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Flush side-attached rectangular navigation tabs pinned to outer slider edges.
SLIDE PRESET #13 — CORNER

13. Side Attached Corner Tabs (nav_style="corner")

Flush side-attached rectangular navigation tabs pinned to outer slider edges.

Test Navigation Style
NAV STYLE #14 14. Compact Ultra-Small Dots (nav_style="compact")
[delo_swipe_slider ids="71" nav_style="compact" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Small 32px minimalist circular arrow buttons for tight widget card embeds.
Slide 1

Clean Cross-Fade Banners

Seamless opacity transitions for high-impact visual presentation.

Slide 2

Multi-Card Touch Carousels

Display portfolio items or client testimonials with smooth swipe.

Slide 3

Touch Swipe Gestures 60fps

Hardware-accelerated touch gestures for mobile, tablet, and desktop.

Slide 4

Executive Board Governance

Aligning corporate strategy, C-suite governance, and shareholder value.

Slide 5

Cross-Border Trade Finance

Securing global supply chain logistics & foreign exchange hedging.

Slide 6

Private Debt & Structured Credit

Flexible capital solutions for mid-market corporate growth.

NAV STYLE #15 15. Hidden Navigation Arrows (nav_style="hidden")
[delo_swipe_slider ids="70" nav_style="hidden" autoplay="yes" autoplay_speed="3000" loop="yes" height="420"]
Arrows hidden completely for pure touch-swipe, autoplay, or pagination dot navigation.
Slide 1

Quantitative Market Modeling

Data-driven algorithmic modeling and macroeconomic forecasting.

Slide 2

Venture Growth Equity

Fueling high-growth tech startups and innovative enterprise ventures.

Slide 3

Commercial Real Estate Equity

Direct equity acquisition across prime real estate developments.

Slide 4

FinTech Digital Transformation

Next-generation digital banking transaction infrastructure.