How to Create Edge-Aligned Tabs

Welcome to Easy Tabs Block, the no-code way to create responsive, customizable tabbed content directly from the Gutenberg editor. Follow this guide to get up and running in minutes.

We are going to show you how you can move around the tabs to multiple positions to customize the tabs the way you like.

Let’s see.

How to Customize the Multiposition Tabs

First, you need to click on the Start Blank button after choosing the Easy tabs block from the blocks-

You can move the tabs up and down by clicking the “Move Down” and “Move Up” options, just like the screenshot-

When you move down, here is what the tab design will look like-

If you want to move the tabs left and right, then on the right-hand side, open the Outline menu and choose the Tabs option.

Then, click on the + button and choose the Column block-

Choose the 3rd column option-

Then, to make the tabs place one after another, drag the Tab button option right below the first column option, just like the screenshot below –

Then, choose the Downward orientation option to stack them one after another-

Now, drag the Tab Content option under the second column option so that the content of the tabs will be side by side-

If you want to move the tabs left and right, then click on the “Move Right” and “Move Left” buttons –

This is what it will look like-

This is how you can use the Mult-position feature of the Easy Tabs plugin.