1. Home
  2. Knowledge Base
  3. How To
  4. Configuring Column Sizes for Desktop and Mobile in Modula

Configuring Column Sizes for Desktop and Mobile in Modula

Modula empowers you to customize the number of columns for your images on both desktop and mobile or tablet devices. This guide will walk you through the simple steps to achieve this responsive layout customization.

Setting the Number of Columns for Desktop:

  • Access your WordPress dashboard.
  • Navigate to Modula by clicking on “Modula” in the left-hand menu.
  • Choose the gallery you want to configure and click “Edit.”
  • In the Gallery Settings, go to “General Settings.”
  • Under “Gallery Type,” select either “Custom Grid” or “Masonry.” The feature to set the number of columns for mobile/tablet is available only for these gallery types.
  • If you select “Masonry” set the desired number of columns for desktop, or create your own grid and columns with the “Custom Grid” gallery type.

Configuring the Number of Columns for Mobile/Tablet:

  • Inside the same gallery.
  • Scroll down to find the “Responsive” section.
  • Turn on the “Custom Responsiveness” option.
  • In the Custom Responsiveness settings, specify the number of columns you want for tablets and mobile devices.
  • Once you have adjusted the number of columns for both desktop and mobile/tablet, you’ve successfully set up varying column sizes.

With Modula’s responsive customization feature, you have the ability to display different numbers of columns on desktop and mobile/tablet devices, ensuring an optimal viewing experience for your audience. If you require more information about our Responsive feature, you can explore additional details in our documentation article: Optimize galleries for mobile and tablet devices.

Was this article helpful?

Related Articles

One comment

  1. Great post! I’m glad to see more information on how to optimize the layout of Modula dashboards for different screen sizes. As a user, it’s frustrating when elements don’t wrap correctly on mobile, so I appreciate the tips on how to configure column sizes. Can’t wait to try it out!

Leave a Reply

Your email address will not be published. Required fields are marked *