Responsive Field label in css ?

When editing CB profile on mobile device, fields label are not responsive even when using bootstrap and my responsive template. Label and field are "inline" and I would like get all label in up and field in down. It seem CB 2.0 will correct that but meanwhile I would like found a solution. Maybe in css where with a single class, I could apply a style for all existent and future fields and this even for standard desktop view.

any clue ?

CB 1.x doesn't have complete responsive design. This is no longer the case with CB 2.0 as we've made entire frontend and backend to use Bootstrap 3.0 with responsive classes. There's no fix for 1.x as it requires massive styling and HTML output changes. You can try adding @media style usage for the labels to adjust their appearance based off width, but not sure how well that'll work with HTML structure of 1.x.

well I found this code:


and this work well on my smartphone. Now I would like to not apply this style to some specific checkbox because their label are very short and label+field can be displayed inline. After almost 2 hours of test I still unable to find the solution because I cannot well target these checkbox for disable the previous style which apply globally on all label. I tried also to insert important! declaration but without success.

Have you a suggestion please ? I know is not easy without see the code but this case happen in user edit backend. If you want I can give you access.

many thank

thank

CB 2.0 has full responsive design. I can not help you write CSS for your site, we do not provide custom coding. If you want better responsive usage in 1.x you can review how bootstrap grid styles are setup below. Checkbox labels should not be made responsive. You only need the field labels themselves, which should become stacked.

getbootstrap.com/css/#grid