Hi, I’m having a problem with a customs form embedded in my LP, but I don’t have the skill to write in HTML.
Look what’s going on with the margins on the Mobile.
Here’s my ugly code:
<iframe style="margin-right: 0px auto; margin-left 100% ; display: block; margin-left 100% display: block; margin: 0px auto; display: block;" xml="lang" src="https://app.livestorm.co/p/0b53ed7a-4ef7-4a6a-8644-6f0bffc9d347/form" width="700" height="700" frameborder="0"></iframe>
Please, need a little bit of help. How can I fix this?
Hey @EBriceñoLeone ,
I think the community can help out here. Do you mind sharing a preview or live link? It might be a bit easier to troubleshoot.
Cheers,
Chriso
You right, I edited the original post.
Hello @EBriceñoLeone
Yes, it is doable. You can use the below CSS, it can help you.
Try
iframe {width: 100%;height: 100%;}
OR
iframe {width: 100% !important;height: 100% !important;}
Hey @ankitparmar09,
since width and height are already attributes on the iframe tag, wouldn’t it make more sense to just modify these?
@EBriceñoLeone, I wasn’t able to find a link, unfortunately. But maybe @ankitparmar09 answer already covered your question.
Cheers,
Chriso
