Support » Plugin: GiveWP - Donation Plugin and Fundraising Platform » Give Personal info section not rendering properly on mobile devices

  • Resolved pis24

    (@pis24)


    Hi, When the page that the give form (in homepage) is loaded on a desktop PC, it renders well. However, On the mobile version, the personal info section loads into the corners. it is not possible to see all the corners of the form because they are pushed into the side.

    Can you look into this for me? Many thanks in advance.

    • This topic was modified 1 year, 2 months ago by Jan Dembowski. Reason: Expanded short link

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Mehul Gohil

    (@mehul0810)

    Hi @pis24

    I can see that you have added a dynamic style “padding:60px 0 45px 60px;”, might be using Visual Composer to the donation form block which is located on the right side on the desktop version. This style is added to display some space between the image and the donation form. So, for desktop, it is looking perfectly fine. But as the style added dynamically, the same style is applied to mobile version as well which is making the donation form fields to stick to the right end corner in mobile.

    To resolve this issue, rather than adding the style dynamically, add a unique class to the same div block and then use the style on that div block for desktop only.

    Let me know if you still have any questions.

    Thanks,
    Mehul

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    pis24, Please do not use short links in these forums. Those are expanded when found due to abuse in the past.

    @jdembowski noted!

    @mehul0810 thanks so much for your help. very much appreciate. It solved the issue.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Give Personal info section not rendering properly on mobile devices’ is closed to new replies.