Create Mobile-Ready Components
Build components that perform well across mobile experiences. These guidelines are best practices, not universal rules. Consider them carefully, but don’t be afraid to go your own way if there are compelling reasons in specific situations.
The best way to start building mobile-ready components is to deep dive into Lightning Web Components first.
Before you write code for your users on mobile devices, configure your environment and use built-in mobile-ready tools and features.
Since mobile users have network constraints, consider bandwidth on mobile devices when building your components.
For a responsive, mobile-first app, create layouts using the grid system.
Before you build and test your components on a mobile screen, follow best practices for making your designs accessible.
Disable pull-to-refresh on pages where accidentally triggering it can cause loss of data in the Salesforce mobile app. Disabling pull-to-refresh is as simple as firing a?CustomEvent. Fire this event in your own components, or create a component you can use throughout your Salesforce org.