'Frame Width %' is used to change the percentage with of a Frame

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

FRAME WIDTH %

Frame Width % is an essential tool if you would like to change the width of a particular frame.

Web School: 5 Day Challenge

D03 E02 | 01:52

Frame Width %

Define the exact Width of your Frame with the the Percentage Width tool. It is important not to apply more padding as you always want to keep you Inner Padding consistent for perfect alignment. To tailor the width of the Frame, use the Percentage width tool, as explained in the FAQ above.

Next, apply the alignment of the Frame to the Left, Centre or Right and tidy up the alignment for other Frames with Buttons.

THINGS TO KNOW:

By default, all frames are set to 100%.
Frame Width does not apply to mobile, on mobile your Frame will automatically default back to 100%.
You may increase the Frame Width (over 100%) to make the Frame overflow.
Frame Width has 5% increments between 5% and 200%

Web School: 5 Day Challenge

D03 E02 | 02:00

FAQ: Why can't Padding be bespoke Widths?

Designers sometimes question why MOBLE don't recommend having bespoke Padding Widths. MOBLE's UI has Left and Right Padding in widths of 2px, 4px, 8px, 16px, 32px, 48px and 64px. Working with these precise widths ensures your content team will always keep consistent padding alignment. It also means that our bots can apply your padding preferences to all Layouts, giving your team an extra 5,000 Layouts to play with, that will always be perfectly aligned.

And... this is the narrative of today's sessions, you are not just designing for your immediate design considerations, your are designing for all future content users, so that they will always stay on track.

DESIGNER TIPS:

ONE
Frame Width in Columns

Sometimes it might seem logical to add extra Padding to Columns when designing on Desktop. However, adding extra Padding to Desktop might not consider your Mobile alignment. Since Width % is not active on Mobile it is a nice solutions to adjust Columns widths on Desktop without having to consider or test on Mobile.

TWO
Frame Width over 100%

You may wish to make a Frame smaller (less than 100%), or, you may wish to increase the frame width (over 100%) to make the Frame overflow it's normal size.

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

FRAME WIDTH %