Disclaimer- This feature is only necessary if you are currently using Legacy Templates within your IDX pages. The Recommended Templates have already been optimized for mobile use.
IDX Broker features Responsive Mobile Templates built into all Engage and Core accounts for our Legacy Templates. Your IDX pages will automatically be displayed in the mobile-friendly format when accessed from a mobile device (Smartphone or Tablet).
Site visitors can view listings for sale on a map, use the standard search page to search for listings (as pictured), see property details, and even Save Searches and Properties just like on the full-site version of your IDX tools. Additionally, any site visitor that fills out a contact form or requests information about a property will be captured as a lead in your IDX Broker account.
By clicking on the Options icon in the top right corner, your visitors can get access to the Quick Links page.
From here, a visitor can log into the My Listing Manager account. If they have not signed up for one yet, they will go to a Sign Up page, instead. Visitors can quickly Contact you or begin a new Search. They can also switch between the Mobile version and the Full Site version of your IDX pages. On the full site version there is a link at the bottom to switch back to mobile.
All mobile IDX pages are branded with your name, company logo, and contact information.
Advanced developers can further customize the look and feel of the mobile IDX pages with Custom CSS. In the control panel, go to Design -> Website -> Custom CSS. Choose your category and "Mobile" as your CSS Type. Enter in any CSS you would like to apply to your Mobile IDX pages here and save your changes. To find the IDs and classes of the IDX elements you could append ?mobile or &mobile to the end of the IDX page URL, or change user agent string.
See this article for more information about Custom CSS.
NOTE: The IDX Support team cannot support Custom CSS. You must be familiar with CSS to use Custom CSS features in IDX Broker.
If you use a Mobile First IDX Broker template on a responsive website, you can maintain the same look and feel on all devices. To accomplish this, just disable the Mobile Wrapper by navigating to Design -> Settings -> Global and selecting the Mobile tab.