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.

worked, thank you

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);
}

[Author]

Posts