I am trying to alter the width of the columns in my repeating group conditional upon the width of the page. Unfortunately, the option to change the width of the column in a repeating group isnt available conditionally.
Looking through other discussions on this, it appears I can do this with custom CSS combined with the Classify plugin. But most discussions seem to assume the user is pretty knowledgeable about how CSS works so I can’t seem to fit all the pieces together.
Can anyone walk me through the whole process of how this will work?
I want to put in place a rule that when the Current Page Width < 600px that it will change the Min Width of Column in my repeating group to 300 px.
- Do I need to use the Classify Plugin?
- If so, what do I put in the ID Attribute of my Repeating Group?
- What is the code I need to add into an HTML element to make it happen?