---
title: How to Change Marker Listing Placement
description: "The **WP Google Map** plugin provides flexible layout options for displaying your markers. You can choose to place the marker listing at various positions around the map to best fit your website's design and improve user navigation. ## Practical Use Case Choosing…"
url: "https://wpgooglemap.com/documentation/how-to-change-marker-listing-placement/"
updated: "2026-01-14"
category: Customization
---

# How to Change Marker Listing Placement

The **WP Google Map** plugin provides flexible layout options for displaying your markers. You can choose to place the marker listing at various positions around the map to best fit your website's design and improve user navigation.

## Practical Use Case

Choosing the right placement can significantly impact user experience:

- **Above/Below Map**: Ideal for standard blog posts or simpler layouts where a full-width list is preferred.
- **Left/Right of Map**: A professional "sidebar" style common for store locators and directories, allowing users to view the list and the map side-by-side.

## Available Placement Options

The plugin supports four main placement positions:

1. **Above Map**: The marker listing appears directly before the map container.
2. **Below Map**: The default setting; the listing appears immediately after the map.
3. **Left of Map**: The listing is placed in a sidebar to the left of the map.
4. **Right of Map**: The listing is placed in a sidebar to the right of the map.

![](https://wpgooglemap.com/wp-content/uploads/2026/01/marker_listing_placement-1.webp)

## How to Change the Placement

Follow these simple steps to adjust where your marker list is displayed:

1. **Open the Map Editor**: In your WordPress dashboard, go to the **WP Google Map** menu and select the map you want to customize.
2. **Navigate to Marker Listing Tab**: Click on the **Marker Listing** tab.
3. **Find Listing Placement**: Locate the **Listing Placement** section in the right-hand column (or below the styles grid).
4. **Select Position**: Click on the icon corresponding to your desired position (**Above**, **Below**, **Left**, or **Right**).
5. **Update Map**: Click the **Update Map** button to save your changes.

## Customizing Sidebar Width

When using the **Left of Map** or **Right of Map** placements, you can further refine the layout by setting a custom width for the listing container.

1. In the same **Listing Placement** section, find the **Marker Listing Width (px)** field.
2. Enter your desired width in pixels (e.g., `300`).
3. Leave it empty to use the default width (300px).
4. Update the map.

![](https://wpgooglemap.com/wp-content/uploads/2026/01/marker_listing_width.png)

## See it in Action

Want to see how different placements look on a live site? Check out our [Live Map Demos](https://wpgooglemap.com/demos/?utm_source=docs&utm_medium=internal&utm_campaign=marker-listing-placement) to explore various layout configurations.

## Need More Help?

If you are looking for advanced styling or premium listing themes, visit our [Pricing Page](https://wpgooglemap.com/pricing/?utm_source=docs&utm_medium=internal&utm_campaign=marker-listing-placement) to see what the Pro version offers. For technical assistance, feel free to reach out via our [Support Portal](https://wpgooglemap.com/support-portal/?utm_source=docs&utm_medium=internal&utm_campaign=marker-listing-placement).

---

*Explore more guides in our [Documentation](https://wpgooglemap.com/documentation/?utm_source=docs&utm_medium=internal&utm_campaign=marker-listing-placement) or [Contact Us](https://wpgooglemap.com/contact-us/?utm_source=docs&utm_medium=internal&utm_campaign=marker-listing-placement) for custom inquiries.*