How to make a light box mobile responsive

by Elijah2555 3 replies
Hello everybody, I am quite new on this. I have just created a light box type webform and got the html code to put in my website so the opt in pops up when someone accesses the site.

When I open the website on a laptop it looks good, but unfortunately, when I open it on a mobile device, the light box appears cut.

Would it be very difficult to edit the html code of the webform to make the size adjust automatically to different devices?

Thanks in advance for your help
#programming #box #light #make #mobile #responsive
Avatar of Unregistered
  • Profile picture of the author WPThemeGuru
    It is very difficult to tell you without viewing your code. You should place the responsive form code in your website. Just check whether the company from where you are picking up the code have responsive form or not. As a guess, i can only advice you to make your container 100% width that have all form code.
    {{ DiscussionBoard.errors[10132115].message }}
    • Profile picture of the author Elijah2555
      Thanks for your quick response. I think best option is for me tol ask for professional help.
      {{ DiscussionBoard.errors[10133186].message }}
  • Profile picture of the author Member8200
    To become responsive try this code, Hope it will help you.

    .lb-image, .lb-dataContainer {
    max-width: 100%;
    height: auto !important;
    width: 100%;
    }

    .lb-outerContainer {
    max-width: 100%;
    height: auto !important;
    }

    Or kindly check this Site
    {{ DiscussionBoard.errors[10134468].message }}
Avatar of Unregistered

Trending Topics