Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #579896


    I have a Gravity Form embedded on a page. I used the layout setting under column settings to set right padding at 20px (it is set at 30px from top, 20 px from left and 10px from bottom).

    On smaller mobile screens (at 320px wide), the button is not adjusting to show the padding and is extending all the way to the column edge. (It works fine @ 360px wide.)

    How can I fix this for these smaller screens?

    Link to screenshot and site is below.

    Thanks in advance for your help!


    Hi Julie!

    The text is too big. Add this to a codeblock element in the page.

    <style type = "text/css">
    @media screen and (max-width: 500px) {
    input#gform_submit_button_6 {
        font-size: 12px !important;



    Worked perfectly!

    Thanks so much Elliott! :)



    Great, glad we could help :-)


Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.