Layout

The Layout section allows you to control how wide your store’s content appears on different screen sizes. This helps you customize the visual structure and spacing of your storefront for better design consistency and user experience.

1. Container Fixed Width

The Container fixed width option lets you define a maximum width for sections on larger screens.

Container width – Set the width in pixels (e.g., 1320px). This value applies to devices wider than 1200px. It ensures your content stays centered and maintains a clean layout on desktop screens.

2. Fluid Container

A Fluid container makes a section stretch across the full width of the browser viewport.

This layout automatically expands or shrinks when the browser window is resized, ensuring a responsive design.

Offset left & right

• Adjust the horizontal padding on both sides of the container (e.g., 60px).

• This helps control spacing so the content doesn’t touch the edges of the screen, especially on wide displays.