Form Not Responsive (although @media css included in template)

  • Profile Image
    Asked on March 16, 2016 at 05:32 PM

    I have created my form based on a registration form template which already has @media css included but it doesn't appear to be working. My form can be seen here:


    Any ideas?

  • Profile Image
    Answered on March 16, 2016 at 08:56 PM

    You form is to wide, please inject the following CSS code: 


    max-width: 690px !important;


    To go from this:

    To this:

    Also, include the following code:

    @media only screen and (max-width: 480px) {


        width: 85%;



        font-size: 20px;




    Let us know if you need more help.

  • Profile Image
    Answered on March 17, 2016 at 11:37 AM


    Thank you for your suggestion, I really appreciate your quick response.

    I added the CSS you suggested and the issue still persists. @media screen and (max-width: 689px) It adjusts perfectly. But when I adjust my screensize to smaller it bounces back to @media screen and (min-width: 768px) and stays at that @media as I go smaller.

    I am attaching a screenshot of my screen at 480px. Thank you.

  • Profile Image
    Answered on March 17, 2016 at 12:58 PM


    I checked your form - Volunteer Registration Form but could not reproduce the specified issue. Even at size lower than 480px the form still adjust to fit the screen size.


    The only thing I noticed is the date separators pushing the sub-labels to the bottom at screen size less than 480. You can fix it by adding the bellow CSS inside the '@media only screen and (max-width: 480px)' block.






    To align the sub-labels with the textboxes use the following





    If you still have this issue let us know. 


  • Profile Image
    Answered on March 17, 2016 at 01:07 PM

    Thank you so much. It appears that it may be a template issue. The form itself appears to be responsive but on the website, that page is not responsive below 768px. I have contacted the developer of the theme to provide assistance. You have been very helpful, thank you.

  • Profile Image
    Answered on March 17, 2016 at 01:15 PM

    Looks like this is a duplicate thread, I see you already have another thread with the same concern. It would be best to focus on one thread on one question to avoid confusion :) If you need our help again on this matter, please do post your reply on this link instead: Thank you for your understanding.

  • Profile Image
    Answered on March 17, 2016 at 05:46 PM

    Hi Charlie,

    Thank you. I had clicked on Contact Us and thought that it was sending a direct message to you guys not a post on the forum. Appreciate the assistance.

  • Profile Image
    Answered on March 17, 2016 at 05:58 PM

    No worries, I see that the issue was resolved on that post as well, so if you need further assistance open a new thread and we will be glad to help.