Skip to content

Instantly share code, notes, and snippets.

@dpw1
Last active March 8, 2022 04:15
Show Gist options
  • Save dpw1/b650c330058d69748eb2b8b354624601 to your computer and use it in GitHub Desktop.
Save dpw1/b650c330058d69748eb2b8b354624601 to your computer and use it in GitHub Desktop.
Dawn theme - text above images on product pages
<style>
@media (max-width: 767px){
.product__title--mobile{
display: block;
text-align: left;
font-size: 35px !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
}
.product__title:not([class*='--mobile']){
display: none;
}
}
@media (min-width: 768px){
.product__title--mobile{
display: none;
}
.product__title:not([class*='--mobile']){
display: block;
}
}
</style>
<h1 class="product__title--mobile">{{ product.title }}</h1>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment