Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 8, 2016 at 9:10 pm #579896
    Julie

    Hello!

    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!

    February 9, 2016 at 3:03 am #580014
    Elliott

    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;
}
}
</style>

    Cheers!
    Elliott

    February 9, 2016 at 6:26 pm #580503
    Julie

    Worked perfectly!

    Thanks so much Elliott! :)

    February 10, 2016 at 8:07 am #580877
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

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