header-logo
Learn how to build your website and business using Wix.
Design and manage your site with smart functionalities.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Customizing the layout of events on desktop
  • Customizing the layout of events on mobile
  1. Home
  2. Managing your business
  3. Business solutions & apps
  4. Wix Events
  5. Designing Wix Events
  6. Wix Events: Customizing the Layout of Your Events

Wix Events: Customizing the Layout of Your Events

14 min
In this article
  • Customizing the layout of events on desktop
  • Customizing the layout of events on mobile
You can customize how you showcase your events to site visitors. Choose from different layouts to list your events or present them in a calendar view (monthly or weekly) to manage what visitors see and how they navigate your events.
A screenshot of an events calendar on a live site.

Customizing the layout of events on desktop

When choosing to display multiple events on a site page, you can customize the layout using a variety of options.
For example, you can select a calendar layout to present events in a structured, chronological format, giving visitors an organized view of upcoming activities.

To customize a layout:

  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
    4. Click the Event List element on your page. 
  3. Click Settings.
  4. Click the Layout tab. 
  5. Select and customize the layout from the available options:
A screenshot of an event list layout in the Wix Editor.

Customizing the layout of events on mobile

You can adjust the mobile layout directly from your editor. While desktop layout settings are applied automatically to mobile, you have the option to customize the mobile view independently to ensure the best experience on smaller screens.
Notes:
  • Changes made to the mobile design will not affect the desktop layout.
  • Tablet layout changes (available only in the Studio Editor) do apply to the desktop version.

To customize the layout for mobile view:

  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
    4. Click the Switch to Mobile icon  at the top of the editor.
  3. Click the Event List element on your page. 
  4. Click Settings.
  5. Click the Layout tab. 
  6. Select and customize the layout from the available options:
A screenshot of an event list layout using the mobile view in the Wix Editor.
What's next?

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Summary of this article
Related articles
Wix Events: Editing Event Text
Wix Events: Customizing the Event List
Unlock personalized helpLog in to get the most out of Helpmate.