Pricing Plans: Customizing the Mobile View of the Pricing Plans Page
Customize the way your pricing plans appear on mobile to ensure a great experience for clients, no matter what device they're using. Choose what information is necessary to display, change the text size and adjust the layout of the Pricing Plans page so it fits smaller screens. Additionally, you have the flexibility to change how the available pricing plans show up on a page. This can come in handy when you want to spotlight any special deals or offers.Important:In the Wix Editor, the desktop and mobile versions of a site represent different viewing modes of the same site; they are not separate sites. Changes to a desktop site affect the mobile-friendly site, while changes to a mobile site do not affect the desktop site. In this article, learn more about:
Adjusting the layout of your pricing plans Choosing what to display about your plans Resizing the text on your pricing plans Changing the order of your pricing plansAdjusting the layout of your pricing plansMake it as easy as possible for people to choose the right plan by customizing the layout of the Pricing Plans page on a mobile site. You can change the alignment and spacing between elements on the page so it's easy to read on smaller screens. Wix EditorStudio Editor
Go to your editor. Click the Switch to Mobile icon ﻿ at the top of the editor. Go to your Plans & Pricing page:
    
Click Pages & Menu  on the left side of the editor. Click your Plans & Pricing page.    Click the Pricing Plans element on the page.  Click Settings. Click Layout. Customize the layout using the following options:
    
Page Text Layout: Choose your alignment preference for your title, subtitle and disclaimer. Plan Card Spacing: Use the slider to set the amount of space between elements on your plan cards. Plan Description Layout: Set your plan description alignment. Benefits Layout: Choose your alignment and line spacing for your plan benefits.  
Go to your editor. Click the Switch to Tablet / Mobile icon ﻿ at the top of the editor. Go to your Plans & Pricing page:
    
Click Pages  on the left side of the editor. Click your Plans & Pricing page.    Click the Pricing Plans element on the page.  Click Settings. Click Layout. Customize the layout using the following options:
    
Page text layout: Choose your alignment preference for your title, subtitle and disclaimer. Plan card spacing: Use the slider to set the amount of space between elements on your plan cards. Plan info layout: Set your plan description alignment. Benefits layout: Choose your alignment and line spacing for your plan benefits.  Choosing what to display on your pricing plansChoose what details you want to display about each of the available plans on mobile. You can show or hide information like plan names, taglines and benefits.   Wix EditorStudio Editor
Go to your editor. Click the Switch to Mobile icon ﻿ at the top of the editor. Go to your Plans & Pricing page:
    
Click Pages & Menu  on the left side of the editor. Click your Plans & Pricing page.    Click the Pricing plans element on the page.  Click Settings. Click Display.  Customize the display using the following options:
    
What would you like to show?: Choose which information to display about your pricing plans: page title, page subtitle, plan name, plan tagline and plan benefits. Show disclaimer: Enable this toggle to display any relevant terms and conditions for clients to view before they purchase a plan. 
Tip: You can enter your text in the Disclaimer text field on desktop only.  
Go to your editor. Click the Switch to Tablet / Mobile icon ﻿ at the top of the editor. Go to your Plans & Pricing page:
    
Click Pages  on the left side of the editor. Click your Plans & Pricing page.    Click the Pricing plans element on the page.  Click Settings. Click Display.  Customize the display using the following options:
    
What would you like to show?: Choose which information to display about your pricing plans: page title, page subtitle, plan name, plan tagline and plan benefits. Click the Show highlighted plan drop-down and select the plan you want to appear as the first plan on your mobile site.  Show disclaimer: Enable this toggle to display any relevant terms and conditions for clients to view before they purchase a plan. 
        
Enter your text in the Disclaimer text field.    Resizing the text on your pricing plansCustomize the Pricing Plans page design so everything is easy to read and the benefits of each plan are clear. Use the sliders to adjust the proportions of all the elements on your Pricing Plans mobile site.Wix EditorStudio Editor
Go to your editor. Click the Switch to Mobile icon ﻿ at the top of the editor. Go to your Plans & Pricing page:
    
Click Pages & Menu  on the left side of the editor. Click your Plans & Pricing page.    Click the Pricing Plans element on the page. Click Settings.  Click Design. Use the sliders under Text Size to resize different text elements on the page (e.g. the plan's title, price, benefits, etc.)
Go to your editor. Click the Switch to Tablet / Mobile icon ﻿ at the top of the editor. Go to your Plans & Pricing page:
    
Click Pages  on the left side of the editor. Click your Plans & Pricing page.    Click the Pricing Plans element on the page. Click Settings.  Click Design. Choose what you want to customize:
    
Background and border: Set the background colors and opacity of your plans. Click the Highlighted tab to set the background & opacity of your highlighted plan. Text: Select a font and color for each of the text options. Click the Highlighted tab to customize the text options of your highlighted plan. Button: Select a button style and then customize it using the available options. Click the Highlighted tab to customize the button colors of your highlighted plan. Ribbon: Customize how the 'Best Value' ribbon looks on your highlighted plan.
Tip: Click the Text tab to change the name of what appears on the ribbon.  Reordering your pricing plansReorder your pricing plans so that they appear in the order you want on your mobile site.Wix EditorStudio EditorNote: If you want to change the order of your plans on your mobile site, you need to do it from the desktop view in the Wix Editor by following the steps below. There are additional customization options limited to desktop, like modifying text and Add-Ons.
Go to your editor. Go to your Plans & Pricing page:
    
Click Pages & Menu  on the left side of the editor. Click your Plans & Pricing page.    Click the Plans & Pricing element on your page. Click Settings.  Click the Plans tab then click the Reorder plans tab.  Drag and drop the plans into position.
Tip: To see these changes, Click the Switch to Mobile icon ﻿ at the top of the Editor.
Go to your editor. Click the Switch to Tablet / Mobile icon ﻿ at the top of the editor. Go to your Plans & Pricing page:
    
Click Pages  on the left side of the editor. Click your Plans & Pricing page.    Click the Plans & Pricing element on your page. Click Settings.  Click the Plans tab then click the Reorder plans tab.  Drag and drop the plans into position.