Skip to content
Quick exit
  • Want to take Convivial for a spin? Get started with a website in a day. 

  • News
  • Events
  • People
  • Resources
Convivial for GovCMS
Convivial for GovCMS
Convivial for GovCMS
Convivial for GovCMS
Main navigation
  • Home
  • About
    About
    • Build a site in a day
  • Features
    Features
    • AI Augmentation
    • Campaigns
    • Design
    • Information Architecture
    • Personalisation
    • Procurement
    • Recommendations
  • Editors
  • Marketers
  • Site owners
  • Demo
    Demo
    • Components
    • Modifiers
    • Responsive images
    • Arrangements
    • Typography
    • View modes
    • Campaign page
    • Colour Palettes
    • Content
  • Contact
  • Home
  • About
    • About
    • Build a site in a day
  • Features
    • Features
    • AI Augmentation
    • Campaigns
    • Design
    • Information Architecture
    • Personalisation
    • Procurement
    • Recommendations
  • Editors
  • Marketers
  • Site owners
  • Demo
    • Demo
    • Components
    • Modifiers
    • Responsive images
    • Arrangements
    • Typography
    • View modes
    • Campaign page
    • Colour Palettes
    • Content
  • Contact

Search this site

Recommended

Morpht Convivial GovCMS

Breadcrumb
  • Home
  • Demo
  • Modifiers
  • Adaptive height modifier

Adaptive height modifier

Apply an aspect ratio to a component, which will not get too tall in very wide screens. Content determines the aspect ratio in smaller width screens.

Last updated
8 Jun 2026
Skip navigation
Main navigation
In this section
  • Components
    • Accordion
    • Animation
    • Card
    • Charts
    • Content
    • Datatable
    • Decision Flow
    • Diff
    • Embedded Block
    • Embedded Custom Block
    • Embedded Webform
    • Gallery
    • GeoChart
    • iFrame
    • Item list
    • Lightbox
    • Map
    • Media list
    • Model
    • Node list
    • Recommendations
    • Section
    • Slider
    • Snippet
    • Social share icons
    • Stats
    • Tables
    • Tabs
    • Timeline
  • Modifiers
    • Adaptive height modifier
    • Colour Background Modifier
    • Custom Linear Gradient Modifier
    • Custom Radial Gradient Modifier
    • Padding modifier
    • Parallax background modifier
    • Scroll Reveal modifier
    • Video Background Modifier
    • Image Background Modifier
    • Audience filter
    • Colour Swap Modifier
  • Responsive images
  • Arrangements
  • Typography
  • View modes
  • Campaign page
  • Colour Palettes
  • Content
    • Test Article type
    • Test audience
    • Test collection
    • Test Edgy Page
    • Test fancy header
    • Test page
      • Test Nested Page
    • Test person
    • Test section
    • Test topic
    • Test vertical rhythm

Use Cases

  • Hero backgrounds

  • When a custom aspect ratio is needed

  • When the background image height should be limited on very wide screens

Example

Adaptive Height Modifier

Set height relative to screen width – great for maintaining a custom aspect ratio.
The content vertical position can be defined.

Did you achieve your goal? Provide feedback
Information Publication Scheme
FOI Disclosure Log
Access to information

Footer menu

About

  • Convivial for GovCMS
  • Morpht

Audiences

  • Editors
  • Marketers
  • Site owners

Content

  • News
  • Events
  • Resources
  • Facebook
  • Instagram
  • LinkedIn
  • About
  • Accessibility
  • Copyright
  • Disclaimers
  • Privacy
  • Privacy Preferences
  • FOI disclosures

We acknowledge the traditional owners of the country throughout Australia and their continuing connection to land, sea and community.
We pay our respect to them and their cultures and to the elders past and present.

Back to top