Skip to content

fix: prevent Google Maps iframe from overflowing footer container (#1938) - #1947

Closed
saurabhhhcodes wants to merge 1 commit into
apu52:mainfrom
saurabhhhcodes:fix/map-overflow-1938
Closed

fix: prevent Google Maps iframe from overflowing footer container (#1938)#1947
saurabhhhcodes wants to merge 1 commit into
apu52:mainfrom
saurabhhhcodes:fix/map-overflow-1938

Conversation

@saurabhhhcodes

Copy link
Copy Markdown

Description

The embedded Google Maps iframe in the footer Address section was overflowing outside the container boundary, breaking the layout alignment.

Fix

Added max-width:100% to the iframe element so it shrinks to fit the container on all viewport sizes.

Closes #1938

)

Add max-width:100% to the embedded map iframe so it shrinks to fit
the container on all viewport sizes instead of breaking the layout.
@netlify

netlify Bot commented Jun 16, 2026

Copy link
Copy Markdown

Deploy Preview for taupe-cendol-f7e2bb ready!

Name Link
🔨 Latest commit 84d16a5
🔍 Latest deploy log https://app.netlify.com/projects/taupe-cendol-f7e2bb/deploys/6a30e40f06a1d90008dc5fa1
😎 Deploy Preview https://deploy-preview-1947--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions

Copy link
Copy Markdown

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Map overflowing outside container in footer section(JWOC)

1 participant