Hello,
I am in the process of switching themes as i am using a new theme to design while my current site is up. Current theme is Debut and I am switching over to Dawn. On Debut my map has the operating hours showing within the interactive map.
Since this theme did not already have this on there i had to create a custom liquid to show the map
.map-container { display: flex; justify-content: center; align-items: center; height: 100vh; } .map-container iframe { max-width: 100%; max-height: 100%; }
What coding do i need to add in the code editor and where so i can get the hours to be bale to show there. IF it is not possible how can i code it so the hours show to the right? I know how to change the code to make the map smaller so i can. I only have the map this big for when/if i can add the hours.
Actually when i went to look for the folder there is not one that says map but one that does say custom-liquid.liquid so the code for that is
{%- style -%}
.section-{{ section.id }}-padding {
padding-top: calc({{ section.settings.padding_top }}px * 0.75);
padding-bottom: calc({{ section.settings.padding_bottom }}px * 0.75);
}
@media screen and (min-width: 750px) {
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}
{% schema %}
{
“name”: “t:sections.custom-liquid.name”,
“tag”: “section”,
“class”: “section”,
“settings”: [
{
“type”: “liquid”,
“id”: “custom_liquid”,
“label”: “t:sections.custom-liquid.settings.custom_liquid.label”,
“info”: “t:sections.custom-liquid.settings.custom_liquid.info”
},
{
“type”: “color_scheme”,
“id”: “color_scheme”,
“label”: “t:sections.all.colors.label”,
“default”: “scheme-1”
},
{
“type”: “header”,
“content”: “t:sections.all.padding.section_padding_heading”
},
{
“type”: “range”,
“id”: “padding_top”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_top”,
“default”: 40
},
{
“type”: “range”,
“id”: “padding_bottom”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_bottom”,
“default”: 52
}
],
“presets”: [
{
“name”: “t:sections.custom-liquid.presets.name”
}
]
}
{% endschema %}