Use 'Maximum Height' to make columns equal height.

PICK YOUR AI THEME TO GET STARTED

Choose an Award Winning AI Website theme, then just pay $9 hosting to unlock the full AI tools and customise everything.

BUILT BY YOU | GET STARTED

Build: a $50-$50k AI Website

Free: Theme, 5,000 Layouts, and Course

Includes: AI Chatbots, Voicebots and AI Automations

Become: the AI Manager and Web Designer

Earn: life changing passive income with an AI Agency

MAXIMUM HEIGHT

Maximum Height is used most often used to make columns have an equal height. Though, it is also used to make a Child Frame expand to the full height of the frame.

EQUAL HEIGHT COLUMNS

To make your columns have equal height:

Set the Child Columns to 'Full Frame'.
In the Parent Frame, notice the 'Equal Height Columns' tools. Set this to 'On'.

Many designers like to set a 'Fixed Height' to make all columns equal height. This is a nice technique, however, if your content team add a lot of text to the column, then the text will 'Overflow' the Fixed Height, or be 'Hidden' behind it. Rather than setting a Fixed Height, consider using a 'Minimum Height' with 'Maximum Height.' This way your design will always work, irrespective as to how much content is added in the future.

Web School: 5 Day Challenge

D03 E03 | 09:46

Equal Height Columns

Equal Height Columns extends all Columns the the Height of the the tallest Columns. This technique tends to be an edge case, since many designers prefer to use Widgets which does it all for you automatically. Though, it's worth learning even if your website doesn't require Columns with equal Heights, since in this Episode we also intro Maximum Height for the first time, which we'll use more and more in the ongoing YouTube classes that follow this series.

MAXIMUM HEIGHT - CHILD FRAME

It's often nice to allow a Child Frame to extent to the Full Height of the Parent.

Set the Child Columns to 'Full Frame'.
Ensure the Parent frame has a 'Fixed Height'

DESIGNER TIPS:

ONE
Default Settings
MOBLE CMS comes with many pre-formatted Layouts. In most Layouts, you will notice that, by default, our Child Columns have 'Maximum Height' set to 'Full Frame'. This ensures both heights aligned perfectly, no matter how much content is added inside the Child Frame. If you have complicated Child Columns, e.g. with Effects, and your columns don't seem to align, set the two innermost Child Frames have are both set to 'Full Frame'.

TWO
Please note that Maximum Height can not be viewed in Design Mode.
This is because Design Mode must display Grids in their true form. Flip to Business Mode to view your changes, or View/Preview your page in a new Tab.

RELATED HELP

PAGE EDITOR

FRAMES TAB

ALL HELP

PRICING PLANS

All MOBLE plans include the full Website Builder, CMS and AI Agents Builder. Plans are simply based on the number of website pages and charged on the 1st day of the month. This awesome method of pricing allows all businesses to build and scale at their own pace.

MOBLE doesn't take any transaction fees for online shop sales.

MINI

_{ 12 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS | Unlimited}__{AI VOICEBOTS | 5 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$9 /month

PLUS

_{ 50 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 5 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS | Calendar Bookings}

$49 /month

PRO

_{ 500 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 10 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$79 /month

ELITE

_{ UNLIMITED PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 15 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$199 /month

AI AGENCY

__{40% PLATFORM PAYOUT}_{ 10}_{0% SERVICES YOU SELL}__{AGENCY SITE ($199 ELITE PLAN)}__{PARTNER LICENSE}__{MY SALES DASHBOARD}__{MY CLIENTS DASHBOARD}__{LOGIN TO CLIENT SITES}__{STAFF PERMISSIONS}__{TEAM LAYOUTS}

_{ NORMALLY $199 /month}_{ PROMO $99 /month}

$99 /month

PARTNERS & INTEGRATIONS

Connect your website to our ever growing community of friends...

70 Award
Winning AI Themes

Start your AI Website now

BUILT BY YOU: GET YOUR AI WEBSITE

Start your AI Agency now

BUILT WITH YOU: GET YOUR AI AGENCY

_{GETTING AROUND}

_RESOURSES

_SUPPORT

AI SALES LINE

_{AI SUPPORT LINE}

NEED A HUMAN? LET'S TALK

GET A QUOTE

A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for AI development, custom website design, website development, ecommerce websites, directories, intranets and social networks.

BUILT FOR YOU: QUOTE

_{JONES BAY WHARF, PYRMONT 2009}

PICK YOUR AI THEME TO GET STARTED

MAXIMUM HEIGHT