Back to Home

Mega Menu - Tabbed

Tab 1 Tab 2 Tab 3 Tab 4
Back to Mega Menu - Tabbed

Tab 1

Page group one

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group two

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group three

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Back to Mega Menu - Tabbed

Tab 2

Page group one

Back to Mega Menu - Tabbed

Tab 3

Page group one

Back to Mega Menu - Tabbed

Tab 4

Page group one

Back to Home

Mega Menu - Cards

Medium length heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Button

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Link

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Button

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Button
Back to Home

Mega Menu - Simple

Link 1Link 2
Back to Home

Mega Menu - Links

Page group one

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group two

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group three

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group four

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

No results found matching your criteria

Why not check out our most popular searches?

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Video

📖 Overview

The Video block embeds videos from YouTube, Vimeo, or local files. For external videos, an optional preview image can be added that displays a play button overlay—clicking it loads the video. Local HTML5 videos support autoplay, looping, and controls.

✏️ Content Options

Field Type Required Description
Video Embed Type Select Yes Choose the video source: YouTube, Vimeo, or Local Video (HTML5)
Video Ratio Select No Aspect ratio for the video (Vimeo and Local only; YouTube defaults to 16:9)

YouTube Options

Field Type Required Description
YouTube Video URL URL Yes Full YouTube video URL
Preview Image Image No Custom thumbnail displayed before video loads
Iframe Accessible Name Text Yes Descriptive title for the iframe (for screen readers)

Vimeo Options

Field Type Required Description
Vimeo Video URL URL Yes Full Vimeo video URL
Preview Image Image No Custom thumbnail displayed before video loads
Iframe Accessible Name Text Yes Descriptive title for the iframe (for screen readers)

Local Video Options

Field Type Required Description
Local Video File File Yes Upload a video file (mp4, webm, or ogg)
Autoplay Toggle No Autoplay the video (also mutes the video). Default: On
Loop Toggle No Loop the video when it ends. Default: Off
Show Controls Toggle No Display video playback controls. Default: Off

🎨 CSS Variables

The following CSS variables can be configured to customise the block’s appearance:

Variable Default Value
--block-video-aspect-ratio 16 / 9
--block-video-play-icon-background var(--colour-black)
--block-video-play-icon-colour var(--colour-white)
--block-video-play-icon-height 65px
--block-video-play-icon-width 65px
--block-video-play-icon-border-width 16px 0 16px 30px
--block-video-play-icon-margin 4px
--block-video-play-icon-border-radius var(--radius-full)

♿ Accessibility

  • External video iframes include a title attribute for screen readers
  • Play button includes accessible text “Play video”
  • Preview images improve page load performance by deferring video loading
Play
Play