Snippets

Customize Your Storefront with CSS Snippets

Use these CSS snippets to adjust the Welcome popup and selectors when the app embed settings are not enough.

Copy the snippet you need and paste it in Custom code.

Snippets library

Create a full-screen popup

Turn the Welcome popup into a full-screen experience.

Country order

Move selected countries to the top of the country selector.

Language order

Move selected languages to the top of the language selector.

Hide the popup in a country

Hide the Welcome popup for visitors from specific countries.

Change popup fonts

Apply custom fonts to specific popup elements.

Customize dropdown chevron

Change, hide, or replace the dropdown chevron.

Lock background scroll

Keep the page behind the Welcome popup from scrolling.

Hide countries

Hide specific countries from the Welcome popup or Market selector.