I am working with a charity and adding custom CSS to the mobile app, which in general is working well, but I have some elements that are working as expected on Android, but not on iOS devices e.g.
.sc-ion-label-md-s h3
I have worked out that the md part of the above relates to Android - but I don't know what the equivalent is that I need to use for iOS nor can I find any info on how I find this information (I did try .sc-ion-label-ios-s h3 but that didn't seem to work.
Any help would be gratefully received.
Hi there,
I've taken a look and the .sc-ion-label-ios-s class does exist, so I'm not sure what isn't working for you. I'd suggesting taking a look at the Remote Themes documentation and follow the steps to create your theme. In particular, you can use the app in a Chromium browser with the Device Mode to change between Android/iOS style. Keep in mind that you'll need to reload the browser every time you change the device for the proper styles to be used.
Also, depending on what you're trying to do maybe you don't need to be so specific with classes. You could target labels with the ion-label selector and that one should work both for Android and iOS.
Thanks Noel for responding - you have helped me lots.
In fact using .sc-ion-label-ios-s h3 has worked - I think when I tried it before, I was too quick with testing it (e.g. refreshing the app straight after saving the change), so didn't spot the action taking place. Today I added that css, waited 30 minutes, then refreshed the app, and it worked.
In fact using .sc-ion-label-ios-s h3 has worked - I think when I tried it before, I was too quick with testing it (e.g. refreshing the app straight after saving the change), so didn't spot the action taking place. Today I added that css, waited 30 minutes, then refreshed the app, and it worked.
Ok, I'm glad that it's working . For future reference, the Remote Themes documentation also mentions how to disable cache and force synchronizing to get the new styles: Applying theme changes during development