Hide Shipping address map

Shopify Discussion

Topic summary

A user reports that their CSS code to hide the shipping location map on Shopify’s order summary page no longer works after a checkout update. The previous solution involved adding custom CSS to the “Additional Scripts” section in checkout settings.

Key Issue:

  • Old CSS code (display: none for .map.default-background) is now ineffective
  • Traditional customization methods have been deprecated:
    • Settings > Checkout > Additional Scripts
    • checkout.liquid file

Current Status:
The discussion remains unresolved. Another user requests guidance on alternative methods to hide the map given the deprecated customization options. A community member offers to help if provided with the store link, but no solution has been shared yet.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Screenshot 2024-12-05 at 10.59.58 PM.png
Screenshot 2024-12-05 at 10.59.58 PM.png1129×992 150 KB

I used to be able to hide the shipping location map on order summary page by pasting this code into the additional scripts section in checkout settings.

.map.default-background { display: none; }

Since the updated checkout it no longer works.

How do I hide the map now??

2

Hi @Jays1

Can you share with me the link? I will hide the map for you.

Thank you

3

Hi @Jays1

Can you share with me the store link to check further?

Thank you

4

Hello LizHoang,

Can you walk us through how (and where) to hide the map?

Settings > Checkout > Additional Scripts has been deprecated

checkout.liquid has also been deprecated

Where else can one hide the map? Hope you can shed some light for us.

Thank you for your help!