To configure your feed’s layout, navigate to Elevated › Instagram Feed › My Feeds, open your feed wizard, and proceed to Step 5 (Layout). Under the Columns and Rows accordion panel, you can choose between Auto and Manual layout modes. These settings allow you to specify exact column boundaries, manual row limits, gutter spacing gaps, container widths, profile header elements, and custom translation labels.

Table of Contents

• Step 1: Access the Layout Section
• Step 2: Choose Auto vs. Manual Layout Modes
• Step 3: Define Spacing Gaps and Container Widths
• Step 4: Configure Header and Label Layouts
• Troubleshooting Common Layout and Grid Issues

Step 1: Access the Layout Section

Navigate to Elevated › Instagram Feed in your WordPress administration sidebar. Select the My Feeds tab, locate your target feed, and click the Edit button to launch the wizard.

At the top of the wizard, click step 5 (Layout) to open the layout configuration columns.

Step 2: Choose Auto vs Manual Layout Modes

Click to expand the Columns and Rows accordion panel in the left-hand settings column.

Choose your primary layout calculations engine by selecting one of the following buttons:

• Auto: The plugin calculates column counts, rows, and margins dynamically based on your active WordPress theme wrapper.
• Manual: Opens configuration inputs for exact, pixel-perfect layout customization.

If you select Manual, configure your grid structure:

1. Columns: Enter the number of horizontal columns to render.
2. Rows: Enter the number of vertical media levels to render.

Step 3: Define Spacing Gaps and Container Widths

Under Manual mode inside the Columns and Rows accordion, define your spacing limits:

• Gap: Enter a pixel value (e.g., 8 px) to set the gutter spacing margin between your photos.
• Width: Specify an outer feed width, or leave the field set to auto to allow the feed container to fill the natural width boundaries of your parent page container.

Step 4: Configure Header and Label Layouts

To complete your feed layout structure:

• Header Accordion: Click to expand the Header accordion. Toggle Show Header to ON or OFF. Under Header Elements, select which profile elements to display, such as Show Title, Verified Badge, Posts Count, or Follow Button.
• Custom Labels Accordion: Expand the Custom Labels accordion to input translation or custom text overrides for default strings like Title (Latest Posts), Posts (Posts), Followers (Followers), Following (Following), and Follow Button (Follow).
• Load More Button Toggle this switch at the bottom of the panel to ON or OFF to show or hide the dynamic loading button below your grid layout.

Click Next to save your changes and proceed to Step 6 (Styles).

Troubleshooting Common Layout and Grid Issues

The columns or rows do not match my manual layout inputs

Confirm that you have selected the Manual button under the Columns and Rows accordion panel. If Auto remains active, the layout engine will ignore your column and row settings to calculate dimensions dynamically. Additionally, verify that your WordPress theme container has sufficient horizontal space to display your selected column count.

The feed is cut off or extends past the page border

This occurs if you have set a static pixel width in the Width input field that exceeds your site’s wrapper dimensions. To fix this, open Step 5 (Layout), find the Width setting under Columns and Rows, and set the value to auto. This allows the feed to fit inside your theme container.

The profile header is distorted, or elements are overlapping

This can happen if you are trying to display multiple header statistics, such as Posts Count, Followers, and Following, in a narrow layout column, such as a sidebar. If horizontal space is limited, expand the Header accordion in Step 5 and toggle off unnecessary details under Header Elements. For narrow layouts, keep only the Profile Picture and Username active.

Related Documentation – Configure Instagram Feed Layout

• How to Choose an Instagram Feed Template
  Learn how to choose grid, slider, and masonry templates to match your site layout.
• How to Add an Instagram Slider
  Detailed guide to setting navigation arrows, swipe parameters, and autoplay configurations.
• How to Create an Instagram Gallery in WordPress
  Detailed guide to configuring grid layouts, gaps, and on-site lightbox popups.
• How to Style and Color an Instagram Feed
  How to configure custom background colors, borders, hover states, and button styles.