Header label text in Results not working on mobile devices

[DDLiving]

I have a data page form that presents a results page.  I can change the font color of the header labels, but the change only shows when the mobile device is held in landscape mode. When I hold it is portrait (normal) mode, the results page become a list and the labels are always black. 

Anyone have an idea?

 

I have attached an example where I turned the header labels red, but they remain black in the portrait version.

[Tubby]

Hi @DDLiving,

You can search for elements with “_mobile” attached to them in Styles to customize the HTML elements when in mobile mode.

For most of the elements there are CSS classes with the “_mobile” or “_tablet” suffix, which contain the current settings for tablet and mobile screens:

• “_mobile” refers to screen width 320px – 567px
• “_tablet” refers to screen width 568px – 1024px

I hope this helps.

[autonumber]

Hi there! Just to add, you may also want to check these link for your reference: 

https://howto.caspio.com/datapages/responsive-datapages/modifying-styles-for-tablet-and-mobile/

https://howto.caspio.com/datapages/responsive-datapages/responsive-behavior-on-tablet-and-mobile/