How to change css properties for the mobile app

Hi,

we have created some custom DocTypes to support our review process with ERPNext. The review is done via tablets with the ERPNext mobile app (Android). Our employees like this kind of review process, but they would like to increase the font-size and to change some other CSS properties in the mobile app.

If I got the documentation right, the CSS and HTML assets for the mobile app are pulled from the server, however I could not find which ones exactly.

Which CSS files do I have to edit on the server side in order to change CSS properties for the mobile app?

You need to write css under the @media query.

@media (max-width: @screen-sm) {
    // your css here
}

Ok, but which css file is the relevant one? form.css or mobile.css?

You can write media queries in any file. But make sure you make changes in less files and not css files.

1 Like

Thanks, this way it worked!