How to make a light box mobile responsive

by 3 replies
4
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
  • 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.
    • [1] reply
    • Thanks for your quick response. I think best option is for me tol ask for professional help.
  • 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
Join the discussion

Next Topics on Trending Feed

  • 4

    How to make a light box mobile responsive

    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.