Discussions
Categories
- 196.7K All Categories
- 2.2K Data
- 234 Big Data Appliance
- 1.9K Data Science
- 449.8K Databases
- 221.5K General Database Discussions
- 3.8K Java and JavaScript in the Database
- 31 Multilingual Engine
- 549 MySQL Community Space
- 477 NoSQL Database
- 7.9K Oracle Database Express Edition (XE)
- 3K ORDS, SODA & JSON in the Database
- 532 SQLcl
- 4K SQL Developer Data Modeler
- 186.8K SQL & PL/SQL
- 21.2K SQL Developer
- 295.3K Development
- 17 Developer Projects
- 138 Programming Languages
- 292K Development Tools
- 104 DevOps
- 3.1K QA/Testing
- 645.9K Java
- 27 Java Learning Subscription
- 37K Database Connectivity
- 153 Java Community Process
- 105 Java 25
- 22.1K Java APIs
- 138.1K Java Development Tools
- 165.3K Java EE (Java Enterprise Edition)
- 17 Java Essentials
- 157 Java 8 Questions
- 85.9K Java Programming
- 79 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.2K Java SE
- 13.8K Java Security
- 203 Java User Groups
- 24 JavaScript - Nashorn
- Programs
- 389 LiveLabs
- 37 Workshops
- 10.2K Software
- 6.7K Berkeley DB Family
- 3.5K JHeadstart
- 5.6K Other Languages
- 2.3K Chinese
- 170 Deutsche Oracle Community
- 1K Español
- 1.9K Japanese
- 230 Portuguese
Change font size on mobile devices (Universal theme)

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
Answers
-
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; {}
-
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