HMTL Text is not formating correctly for Mobile

Hi,

I am adding a header in on my site. On Web it looks great, however on mobile it does format correctly, I have tried adding some code to format but it does not seem ti work, here is the current code I am using:

{% schema %}
{
“name”: “Section name”,
“settings”:
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

h1 {color:black;Font-size:22px;background-color:White} body { @media only screen and (max-width: 600px) { body { background: #999; width: 100%; } } }

phone Llamanos al: +(506) 83178699 phone Escríbenos a: info@castillos.store

This is the Web Version

Castillos_0-1618294434190.png

This is the mobile version:

Castillos_2-1618294515440.png

I would expect the text to stay in one line and shrink in size and stay in 1 line

Please provide website url and if your store is password protected then also provide password

Hi @Kinjaldavra the link to the store is: https://castillos.store/

It is not password protected