Change font size on mobile devices (Universal theme)

Davor Maric

Hi,

I'm developing an app that should run on desktop and mobile devices.

Currently, app looks OK on a desktop, but on a mobile device (tested on 5"2, 1080x1920) text looks too small.

Is there a way to make fonts of reports and forms larger, when running on a mobile device?

(preferably without adding mobile interface and pages)

Using Apex 5.1.1 on Oracle XE11, Universal theme, style Vita

TIA;

Davor

Andrew V

You can use a breakpoint in your custom CSS to change the font size if the screen is below a certain width. The main breakpoint the Universal Theme uses is at 640px. This is where APEX stops showing regions side by side and stacks everything into a single column. You can use this breakpoint like so

@media (max-width: 640px) {     .aClass {          font-size: 2em;     {}

Davor Maric

Hi Andrew,

thank you for the reply. As I'm not so familiar with css can you explain where should I add this css and exactly what to add.

Cheers,

Davor