Hide to price too big margin left
-
.platform-Mac .hide-larger-price .price>ins, .platform-Mac .hide-larger-price .price>small, .platform-iOS .hide-larger-price .price>ins, .platform-iOS .hide-larger-price .price>small
This element margin left is too big in Desktop. In Tablet and phone there is no problem.
Screenshot attached.
Attachments:
You must be
logged in to view attached files.
Hello,
I saw the screenshot you attached and visited your website and there is no such space as you mentioned.
Please clear the cache and check back.
Screenshot for Clarification: https://ibb.co/7rWSX36
Regard’s.
Xtemos Studios.
Hello,
Cache cleared, I also checked it in private mode but still have the issue. Problem appeared after you switch the theme to Storefront and switched back…
I have a “13 Macbook Pro.
Hello,
Please try adding the following Custom CSS in the Custom CSS area under Theme Settings >> Custom CSS.
.platform-Mac .hide-larger-price .price>ins,
.platform-Mac .hide-larger-price .price>small,
.platform-iOS .hide-larger-price .price>ins,
.platform-iOS .hide-larger-price .price>small {
margin-left: 4px;
}
.platform-Safari body.hide-larger-price .price>ins,
.platform-Safari body.hide-larger-price .price>small {
margin-left: calc(1em + 4px);
}
And this will be fixed in the next update.
Best Regards.
I also checked it with a Macbook Air, maybe “12 and still have problem 🙁
Attachments:
You must be
logged in to view attached files.
Also checked with iPhone X and same..
Sorry, replace the previous code with the next one
.platform-Mac .hide-larger-price .price>ins,
.platform-Mac .hide-larger-price .price>small,
.platform-iOS .hide-larger-price .price>ins,
.platform-iOS .hide-larger-price .price>small {
margin-left: 4px;
}
.browser-Safari body.hide-larger-price .price>ins,
.browser-Safari body.hide-larger-price .price>small {
margin-left: calc(1em + 4px);
}
.
