How could I make 100% width Google Map inside custom HTML?
Main problem is that p-positioned-content class is limiting page width.
Thanks in advance!
Elvis
Best answer by Johnny_Opao
View originalHow could I make 100% width Google Map inside custom HTML?
Main problem is that p-positioned-content class is limiting page width.
Thanks in advance!
Elvis
Best answer by Johnny_Opao
View originalHi Johnny,
Thank you for your help but this is not what i’m looking for.
Here is website: http://unbouncepages.com/artevent/
I want expand google map on 100% width only.
Hey Elvis
Try this:
<style>
/**
* Do not remove this section; it allows our team to troubleshoot and track feature adoption.
* TS:0002-13-015
*/
#lp-code-38 {
width:100% !important;
height:100% !important;
top:0px !important;
left:0px !important;
position: fixed !important;
}
</style>
Replace #lp-code-38 with your custom HTML boxes ID
This will stretch the map to the entire width and height of the page. Was that more inline with what you were looking for?
Hi Johnny, I need entire background width.
I have embed code on 100% width and I have also override some of the css with 100% width and it is not working because “#lp-pom-root .lp-positioned-content” div is limiting the page. If I make “#lp-pom-root .lp-positioned-content” div 100% width it break the whole site.
I assume we need some jquery trick or something.
Thank you in advance.
Hey Elvis - Just to confirm did you want the map to be the entire background of your page? Or just span the exact size of the ‘Custom HTML’ box?
If it’s the latter then you can do so by just setting the ‘width’ and ‘height’ property in the embed code to ‘100%’
Hope that was what you were looking for!
I found something, but it’s not working in safari and older browsers.
#lp-code-249 {
left: calc(-50vw + 50%) !important;
width: 100vw !important
}
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.