Hello Guys,
i have a one html5 website, i had added google maps on my contact us page, while i checking that on mobile, the map (google map iframe) shows as a default width, is it possible to change the width regarding media query.
advent_geek
0
Posting Whiz
Recommended Answers
Jump to PostYup, you need a wrapper and some CSS magic.
Try something like this:
<style> .google-maps { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } …
All 2 Replies
Reply to this topic
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.