October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsPC HealthRecommendedCrashes, freezes, slowdowns? Check your PC nowSpot repairable issues before they interrupt work.Check PCOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
World desk2 min

How to Resize Elements, Sections and Headers in AI Builder Manual Mode

Use element handles, the section’s bottom-edge handle, or header spacing controls depending on what you need to resize. Check the mobile editor after changes.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

In AI Builder manual mode, resize an element by dragging its border or corner handles, change a section’s height with the handle on its bottom edge, and adjust the menu/header through its spacing controls. Then review the page in the mobile editor: desktop and mobile layouts can behave differently.

Resize an element

  1. Select the element you want to change. Drag its border to adjust its size; for an image, use the corner handles.

    As an Amazon Associate I earn from qualifying purchases.

  2. If the element is a button or social media icon, select Edit, then open Style to check for additional size controls. These extra settings are available for some element types, not necessarily every element.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Change a section’s height

To make a section taller or shorter, locate the handle on its bottom border and drag it down or up. Section height is controlled separately from the element handles inside that section.

Section settings also include layout options such as snapping to guides or elements, row height and row gap. Use those to refine layout and spacing; the section’s bottom-edge handle is the direct control for its overall height.

Adjust the menu or header

The header is not resized like an ordinary element or section. Open the header layout settings and change the top and bottom spacing to adjust the space around the menu. Navigation text size is controlled in global style settings, and the logo has a separate width setting.

Rank #2
MixPad Free Multitrack Recording Studio and Music Mixing Software [Download]
  • Create a mix using audio, music and voice tracks and recordings.
  • Customize your tracks with amazing effects and helpful editing tools.
  • Use tools like the Beat Maker and Midi Creator.
  • Work efficiently by using Bookmarks and tools like Effect Chain, which allow you to apply multiple effects at a time
  • Use one of the many other NCH multimedia applications that are integrated with MixPad.

Check the mobile layout

  1. Open the mobile editor from the upper toolbar and inspect the page at the mobile size.

    Free tools Windows power users keep installed

    One-click scans. No signup required.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  2. In mobile view, resize elements with their border handles. After changing the desktop layout, use Auto-fix layout for the corresponding mobile section if you want the builder to adjust its arrangement.

  3. If you manually edit positioning in mobile view, automatic positioning is turned off for those edits. Review the placement rather than assuming desktop changes will translate exactly.

  4. Verify the page in both editors after moving elements between sections. Such moves can affect both views and distort the layout. Deleting an element or section in either view removes it from both.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Choose image sizing by the layout

There is no single optimal pixel dimension for every image element or section background. The builder is responsive and allows manual resizing, so check how each image appears at the screen sizes that matter for your page instead of relying on one universal measurement.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
Windows Errors? Fix Them Before They SpreadFree repair scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.