Liquid, JavaScript, themes, sales channels
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 %}
<html>
<head>
<style>
h1 {color:black;Font-size:22px;background-color:White}
body {
@media only screen and (max-width: 600px) {
body {
background: #999;
width: 100%;
}
}
}
</style>
</head>
<body>
<h1><img src="https://cdn.shopify.com/s/files/1/0559/9949/6354/files/phone_2.jpg?v=1618290760" alt="phone" style=“width:20px;height:20px;">
<a href="tel:(800) 123-5555">
<span>Llamanos al: +(506) 83178699
<img src="https://cdn.shopify.com/s/files/1/0559/9949/6354/files/email.png?v=1618290210" alt="phone" style=“width:20px;height:20px;">
<a href="mailto:info@castillos.store">
<span>Escríbenos a: info@castillos.store
</body>
</html>
This is the Web Version
This is the mobile version:
I would expect the text to stay in one line and shrink in size and stay in 1 line
Solved! Go to the solution
This is an accepted solution.
Please provide website url and if your store is password protected then also provide password
This is an accepted solution.
Please provide website url and if your store is password protected then also provide password
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024