Hi
i tried to make streetview fill up a 75% fullwidth section. Named the section streetview and applied following css code to it.
#streetview .container, .responsive #top #wrap_all #streetview .container { width: 100% !important; max-width: 100%!important; padding: 0; margin: 0!important; }
after that i placed a codeblock into the section and added the streetview iframe to it.
<iframe style=”position: absolute; border: 0; height: 100%;” src=”https://www.google.com/maps/embed?pb=!1m0!3m2!1sde!2sch!4v1473951953028!6m8!1m7!1s6pCAJvdJLK6IoYkRxBh96Q!2m2!1d47.3343105!2d9.4070898!3f251!4f0!5f0.7820865974627469″ width=”100%” height=”100%” frameborder=”0″ allowfullscreen=”allowfullscreen” scrollwheel=”false”></iframe>
works fine in Firefox but IE 11 only displays a stripe.
can you help me out on this?
Hey swissfilm,
Please add height:100vh; to the css property. Adjust the value 100vh to suit your design.
100vh = 100% of the view port height or the screen height. You can make it 80vh or anything that will suit your design.
Best regards,
Vinay
Thank you Vinay. Worked perfectly!
Hi,
Glad we could help!
We really appreciate it if you rate our theme on themeforest .
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay