> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.qikify.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Column Width - Adjust width of menu items

The submenu item's width is divided into 12 in total.
The **Column Width** option helps to adjust the number of columns which an item occupies in total of 12 columns.
![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_1v40w7h.png)
You can find the **Column width** option in the item editor on the left panel
![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_frdqh.png)
Or hover on that item in the preview panel, and click on **↔** button
![](https://storage.crisp.chat/users/helpdesk/website/33f605886cba4e00/image_16c5qtn.png)
* This item will have the width = exactly the column width you set.
* When the total of items' columns in a row exceeds 12, the next item will be dropped to second row.
* If all items set Column width as **Automatic**, they will be equally distributed on the total of 12 columns. (For example: if a menu has 3 submenu items, this menu will divide place 3 items in 3 columns equally as 4/12).
* If an item has a fixed column width (eg. 3/12), but other menu items are set as "Automatic", they will auto adjust their width to fit the remaining space on a total of 12 columns.
(For example: if a menu has 2 submenu items and you set the width of first item to 8/12, then the latter will auto adjust width to 4/12).

|| For image, you can set a fixed **Image width**, but this image width can't exceed column width.

||| **Column Width** does not work if you enable **Masonry** feature. Read more about Masonry [here](https://qikify.crisp.help/en/article/arrange-menu-items-in-masonry-1koafeg/)