Custom HTML (HELP!)

Highlighted
New Member
2 0 0

Hi!! I am using a Custom HTML for the main content (Image 1), however when I go to the mobile version it's not looking good (Image 2) I edited the codes (codes below) but I am not getting the style form that I place (Image 3), I got it right on my dreamweaver page but not on shopify. 

 

Codes:

 

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>

.header {
text-align:left;
color:#567BCC;
font-family: Montserrat SemiBold;
text-transform: uppercase;
margin-top: 250px;
margin-left: 57%;
font-size: 20px;
}


.subheader {
text-align:left;
color: #01237D;
font-family: Montserrat SemiBold;
margin-top: 10px;
margin-left: 57%;
font-size: 15px;
}

.body {
text-align:left;
color: #000000;
font-family: Montserrat light;
margin-top: 10px;
margin-left: 57%;
font-size: 10px;
}

@media only screen and (max-width:800px) {
/* For tablets: */
.header {
width: 100%;
padding: 0;
margin-left: 0%;
font-size: 15px;
text-align: center;
}
.subheader {
width: 100%;
margin-left: 0%;
font-size: 15px;
text-align: center;
margin-top: 2px;
}
.body {
width: 100%;
margin-left: 0%;
font-size: 10px;
text-align: center;
margin-top: 2px
}
}
@media only screen and (max-width:500px) {
/* For mobile phones: */
.menu, .main, .right {
width: 100%;
}
}
</style>
</head>
<body style="font-family:Verdana;">

<div class="header">
<h1>Are you on the go and have a broken device?</h1>
</div>

<div class="subheader">
<h1>We are here to help</h1>
</div>

<div class="body">
<h1>Let one of our tech take care of it, make your appointment and transform your phone to a new one.</h1>
</div>

</body>
</html>

 

image 1.jpgimage 2.jpgimage 3.jpg

0 Likes
Shopify Expert
665 170 199
This is Evita from On The Map.
 
Can you add your store URL? 
 
Best, Evita
 
 
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
2 0 0