Align the Custom Fields on Their Own Line

To align the custom fields on a separate line, please follow these steps:

  1. From Shopify's admin, select Apps.
  2. Select Store Locator.
  3. Select Settings.
  4. Select Display Settings.

    select display settings

  5. Copy and paste this in the Page Header HTML box:
    .gm_popup .search_filter {
    clear: both !important;
    .custom_field_name {
    clear: left !important;
    float: left !important;
    display: block !important;
    .custom_field_value {
    float: left !important;

    paste the CSS

  6. Select Save.

That's it! 

Was this article helpful?
0 out of 0 found this helpful