header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
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

Wix Portfolio: Customizing Your Wix Portfolio Pages for Mobile

10 min
In this article
  • Customizing the main portfolio page
  • Customizing the collection pages
  • Customizing the project pages
  • FAQs
Optimize how your portfolio looks and behaves on mobile devices without affecting the desktop version of your site. This means you can customize the design and layout of your portfolio pages on mobile to look completely different to your desktop site.
You can customize the elements that appear on your portfolio pages, as well as the design, layout and behaviours of the galleries within those pages.
A screenshot of a portfolio in the editor.

Customizing the main portfolio page

This page acts as the homepage of your portfolio and displays all your collections. Adjust the layout and design of the gallery that displays your collections and tweak the video settings.
Wix Editor
Wix Studio
  1. Click Menus & Pages  on the left side of your mobile editor.
  2. Click Portfolio Pages and select the Portfolio page.
  3. Click the portfolio page element.
  4. Click the portfolio gallery element.
  5. Choose what you want to customize:
    • Layout: Click Layout, choose a layout type and click Customize Layout to make further changes. Navigate between the Gallery and Items tabs to customize aspects like the gallery's orientation and where the gallery text appears.
    • Behaviors: Click the Behaviors icon  and adjust the video settings.
    • Design: Click the Design icon . Then click the What do you want to design? drop-down to choose which part of the gallery you want to design. 
      Tip: You can adjust the design for both the regular and hover states of the Image container, Image and Image overlay.
A screenshot of the portfolio page with the layout option highlighted.

Customizing the collection pages

Customize the collection page elements and the gallery that displays all your projects within that collection. Adjust the page's text, customize the video settings, refine the gallery's layout and design and much more.
Wix Editor
Wix Studio
  1. Click Menus & Pages  on the left side of your mobile editor.
  2. Click Portfolio Pages and select Collection pages.
  3. Click the collection page element.
  4. Choose what you want to do:
A screenshot of the collection page with the design options highlighted.

Customizing the project pages

Customize the project page elements and the gallery that displays all your project media. You can adjust the navigation buttons, general settings, how the gallery looks in both regular and hover mode and much more.
Wix Editor
Wix Studio
  1. Click Menus & Pages  on the left side of your mobile editor.
  2. Click Portfolio Pages and select Project pages.
  3. Click the project page element.
  4. Choose what you want to do:
A screenshot of the project page with the settings and design options highlighted.

FAQs

Click a question below to learn more about customizing your portfolio for mobile: