1
0
-1

I'm trying to optimise for mobile, and hide elements which are not essential.

I would like to hide the "Additional Text", and perhaps also the Section title, on the smallest width devices.

 

 

    CommentAdd your comment...

    1 answer

    1.  
      2
      1
      0

      Not sure if this is the best way but you can create a new Shared Style for the section, edit the CSS and add this code under the generated CSS for the header:

       

       

      where max-width equals the size of the small screen upon which you'd like to hide the header. These thresholds can be found by selecting the Form root element in Design view and opening the Layout section on the Properties tab:

       

      If you wanted to just hide the title or help text you'd use the other CSS classes (wdg-section-2-title or wdg-section-2-info-text).

      1. Ben Warner

        Sacha Trube Did this technique give you the behavior you wanted?

      2. Sacha Trube

        Tried it today, works very well.

      CommentAdd your comment...