Add "Admin" text in the comments area

Hi there,

similar request here - see my reply:

https://generatepress.com/forums/topic/how-to-add-a-verified-badge-to-authors-and-comment-reply/#post-2035556

It looks nice on desktop but not looking good on Mobile

Hi there,

We're happy to point you in the right direction, but we can't design/make design decisions for you. If there's something specific you'd like to tweak (and can link us to an example), we'll be happy to take a look.

Thanks!

If you see the badge in the comments section (where authors replied), it doesn't look good on the mobile device. I want it to be responsive.

See the image below:

URL: https://www.masteryblogging.com/best-appsumo-deals/

You have this CSS:

.verified-user .comment-author cite::after {
    content: 'Sanu Replied';
    margin-left: 640px;
    text-align: right;
    background: #FF6200;
    color: #fff;
    padding: 10px;
    font-size: 15px;
}

replace that with:

.verified-user .comment-author-info {
    width: 100%;
}
.verified-user .comment-author cite {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.verified-user .comment-author cite::after {
    content: 'Sanu Replied';
    text-align: right;
    background: #FF6200;
    color: #fff;
    padding: 10px;
    font-size: 15px;
}

thanks David

You're welcome