New label Mobile

In the mobile version of the site. The NEW label is not round. In the desktop version it is round. And no problem with other labels

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .labels-rectangular .new{
border-radius: 50%;
}

If it does not help, please provide the page URL with the problem.

Best Regards

Did not help. Attached link

Hello,

Please find this code in the Theme Settings > Custom CSS:

body .labels-rounded .new {
    color: #ffffff;
    background-color: #000000;
    font-size: 12px;
}

Replace for this one:

body .labels-rounded .new {
    color: #ffffff;
    background-color: #000000;
    font-size: 12px;
    min-height: 45px;
}

Best Regards

It works! Thank you very much!

if you turn the phone over to a horizontal position, the problem appears again.

body .labels-rounded .new {
    color: #ffffff;
    background-color: #000000;
    font-size: 12px;
    min-height: 45px;
}

I removed everything from the code and left only

body .labels-rounded .new {
    color: #ffffff;
    background-color: #000000;}

Problem solved!
Thank you!

Hello,

That is fine. If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts