When we add our prolo html script to our “where to buy” page on the website, the map does not fully load.
The map was loading correctly on the previous version of our theme, Broadcast, but now that we’ve recently updated our theme to a newer version, it is not. This is what the map looked like when it was correct:
However, this is what it looks like right now:
Prolo script is:
When the script is previewed on the Prolo website, it also displays correctly.
Hi @AlchemyPeppers ,
Your website map is not displaying correctly due to CSS. If you can provide the store URL and password (if applicable), I will be able to provide a solution.
Thanks! URL: https://alchemypeppers.com/pages/locations
You just need to change the CSS so that the map displays as you want
In Online store, select Themes → More (button next to Customize) → Edit code
In the base.css or theme.css or theme.css.liquid file, add the following code at the end of the file:
.hero__content.hero__content--compact{
align-items: start;
width: 100%;
}
.hero__content.hero__content--compact .hero__rte{
width: 100%;
}
Or you can also go to the theme.liquid file and add the code before the {% endstyle %} tag
Hope it helps @AlchemyPeppers