If you are using Elementor and WooCommerce to display your restaurant menu, then you might be wondering how you can fit more menu items onto your page without needing your customers to scroll up or down.
The simple solution to that is to increase the number of items per row and column.
Today I am going to show you how to change the grid size of your WooCommerce product grid.
Using Elementor Tabs To Show The Grid
If you aren’t using Elementor tabs to show your menu already, it might be a very good option for you. The reason why is because your customers don’t have to keep scrolling down to see your full menu. They can just click on different tabs to see different sections of your menu:
The way I showed products in each tab like this is by using Essential Addons for Elementor (Free Version) and used their Advanced Tabs widget.
The default amount of WooCommerce columns is 3. You can change it to 6 by using this shortcode to display the number of columns:
The number you put for columns will be the number of columns that appear.