Product Price Layout Issue (repeat issue)

Hi Team,

I previously reported an issue with the product selling price layout on certain browsers and mobile devices. While I appreciate the CSS you provided, the problem still persists.

I’ve recorded a video on my mobile device (using Chrome), but the issue is visible across all mobile browsers. Uploading webm version as there is 2MB size limit hence mp4 isn’t getting uploaded.

Attachments:

You must be logged in to view attached files.

[marcopolo]

Ignore the marquee question, forgot to set speed for different devices in the elementor.

• This reply was modified 5 months, 2 weeks ago by marcopolo.

Hello,

Please clarify how to avoid that https://take.ms/Sgeyy security on your side?

Looking forward to collaborating with you!

Kind Regards

Sorry Luke, I have extended 2FA grace period again, you should be able to login now.

Hello,

Please clarify which version of IOS and Safari you use. In general, on my side, it looks well – https://take.ms/NJz6C

Thank you in advance.

Kind Regards

Using latest version of Safari/Chrome and other mobile browsers. The problem was reported by another customer. At the time of this case, was on iOS 17.6, now on iOS 18, checked on chrome, duckduckgo, brave – same problem. Only safari is showing correct layout.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, but we can’t enter your dashboard at the moment to check the issue https://monosnap.com/file/q0beMpE6N1TSYfqpY2m6jW5syckB9L

Kind Regards

Hi @Admin, please provide an email which can be updated in this account so that you could get the email notification from wordfence.

From our side, everything is good on your account.

[marcopolo]

We noticed that your initial login was successful however subsequent one failed. Screenshot in private section.

For some reasons, wordfence blocked your login. A login verficiation link was sent however it wasn’t delivered as temporary email ID was setup.

Either provide an email which could be set up in account or update the forum immediately as the link remains active only for the 15 mins.

• This reply was modified 5 months, 1 week ago by marcopolo. Reason: Additional info

Use our email [email protected].

Your email updated on the account, you should be good now onwards.

To fix this issue, try to add the following code snippet to the Custom CSS area in Theme Settings.

:is(.browser-Safari,.platform-iOS[class*="FBAN"]) .hide-larger-price .price > .wd-price-unit {
    margin-inline-start: calc(1em + 4px);
}

Thanks Artem, updated the code in “Custom CSS for mobile” section only, I can see the price is appearing correctly on mobile browsers now.

Great, we are happy to help. Feel free to contact us if you have any further questions.

[Author]

Posts