Problem with Form responsiveness in Footer

  • Resolved bvdbossc

    (@bvdbossc)


    10 years, 1 month ago

    Hi everyone,

    I put the Optin Form in the left column of the footer of my theme (I have 4 columns in total). As mentioned in the info on internet the Size should be left on 100% to make it responsive, however if I do that the form is way too narrow and does not look good. That is why I put it to Fixed size of 550px so that it looks nice on the website. However now the Optin Form is not responsive and so it does not look good on mobile devices…

    Does anybody have any idea how to fix this or work around it?
    Thanks for any help
    my website: https://www.flipside-travel.com

    https://www.ads-software.com/plugins/optin-forms/

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    change the width of the form back to 100%.

    In the Custom CSS field, under Form Options, add the following code:

    .footercol1{width:50%;}
.footercol2{display:none;}

    Click on Save Changes.

    This will hide the second footer column of your theme, and make the first one 50% wide.

    Let me know if it works out for you.

    P.S. En het blijft responsive ??

    Thread Starter bvdbossc

    (@bvdbossc)

    Works as a charm!

    Hartelijk dank ??

    I just realized this will leave your .footercol1 stuck at 50%, on mobile as well.

    Please add the following code as well:

    @media only screen and (min-width: 480px) and (max-width: 767px) {
.footercol1{width:100%;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.footercol1{width:100%;}
}

    This will fix it completely ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with Form responsiveness in Footer’ is closed to new replies.