Section Layout Settings

The theme come with 2 section layouts for you to choose.

2 Column Layout

You can create the 2 column section layout in the theme by adding the section code between these line of code

```handlebars
<div class="flex items-center max-sm:flex-wrap">
    //first column
    <div class="sm:mr-[10px] sm:flex-1 max-sm:w-full">
        //section code
    </div>
    
    //section column
    <div class="sm:flex-1 max-sm:w-full max-sm:mt-[15px]"> 
        //section code
    </div>
</div>
```

1 Column Layout

You can create the 1 column section layout in the theme by adding the section code between these line of code

```handlebars
<div class="flex items-center sm:mr-[10px] sm:flex-1 max-sm:w-full">
    //section code
</div>
```

Last updated