Remove padding on mobile

  • Profile Image
    MrGavinBell
    Asked on February 17, 2017 at 08:28 AM

    Hi there,

    I'd like to remove the whitespace on my form when it's on mobile. I've attached screenshots to show the difference between desktop & mobile.

  • Profile Image
    Kiran
    Answered on February 17, 2017 at 10:24 AM

    I have checked the form on the web page and see that the padding on the page sections are causing the issue. 

    You may try adjusting the padding of the sections on the web page so that the form should be displaying normally. You may also try injecting the following CSS code to the web site and see if that helps.

    @media (max-width: 980px) {

    .et_pb_section_2.et_pb_section {

        padding-top: 5px;

    }

    .et_pb_section_1.et_pb_section {

    padding-bottom: 0px;

    }

    }

    Please get back to us if the issue still persists. We will be happy to help.