Forums

'Form' default block on Concrete5 isn't mobile friendly

Permalink
Hi can anyone help me? The 'form' block found when you add a block is all fine on a desktop pc, but when you look at it on your phone it isn't responsive and sticks out.

Is there anyway to alter this and make it mobile friendly?

thanks

1 Attachment

turbodynamics
 
hutman replied on at Permalink Reply
hutman
Are you using 5.6 or 5.7?
turbodynamics replied on at Permalink Reply
turbodynamics
Version 5.6.1.1
hutman replied on at Permalink Reply
hutman
Unfortunately by default this is a table based layout, so it's a little more challenging than with the new form block in 5.7. But, you should be able to add something like this to your CSS for the mobile breakpoint

table {
      table-layout:fixed;
      width:100%;
   }
   td{
      display:block;
   }
   input, select, textarea{
      max-width: 100%;
   }