Sadea
1
Hello everyone,
My url is: www.sadea.dk
The theme I’m using is Impact version 4.4.0.
I recently added this code, which was added to make my policy pages wider and the margins on the policy page smaller:
Now, however, when I go to my website on mobile, the policy page text is unreadably tiny:
The page is: https://sadea.dk/policies/terms-of-service
Does anyone know how to exclude the code from the mobile view?
What should I change with the current code to make the mobile view normal?
Thank you very much in advance!
@Sadea Please add below css
Show More
@media only screen and (max-width: 767px) {
.shopify-policy__container {
margin-left:0px!important; margin-right:0px!important;
}
}
Hello @Sadea
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
{% if page contains ‘terms-of-service’ %}
@media screen and (max-width: 767px) {
.shopify-policy__container {
margin-left: unset !important;
margin-right: unset !important;
}
.rte.prose {
margin: 0 20px;
}
.shopify-policy__container h1 {
font-size: 31px !important;
}
}
{% endif %}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
