Comment Section Error

Hi there,

can you share a link to a post where i can see the issue?

This error can be seen in each and every blog post only in the mobile version. I had provided the single blog post link, but check every post on this blog having the same error.

Hi Rahul,

As I inspecting your site right now, this style is missing on desktop as well.

As you can see the other two both have their type, but the name input field is missing the type in its HTML:
https://www.screencast.com/t/jqyZJGH0

GP doesn't have control over it, so could you purge cache first, then disable all plugins except GP Premium to test?

Let me know :)

Tried both methods but still the same error!

All the CSS I can see is still cache, please purge cache and keep all other plugins deactivated including cache plugin for us to inspect. Thanks!

Please check

I'm not sure why there's a type missing, but it shouldn't be a theme issue. Have you used any custom functions?

For now you can try this CSS:

.single-post form#commentform > input {
    color: #666666;
    background-color: #fafafa;
    border-color: #cccccc;
    border: 1px solid;
    border-radius: 0;
    padding: 10px 15px;
    max-width: 100%;
}

what do custom functions mean?

I had just added this CSS code for author box:
.instagram-logo {
path {
fill: #000;
}
circle: #fff;
.logo {
fill: #333;}
}
.author-box {
padding: 3%;
padding-bottom: 10px;
margin-top: 10px;
font-size: 0.9em;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #a7a8a7;
border-radius: 25px 0px 25px 0px;

}
.author-box .avatar {
width: 400px;
height: auto;
border-radius: 100%;
margin-right: 30px;
}
h5.author-title {
margin-bottom: 0.1em;
font-weight: 600;
font-size: 20px;
}
.author-description {
line-height: 1.6em
}
.author-links a {
font-size: 15px;
line-height: 20px;
float: left;
}
@media (max-width: 768px) {
.author-box {
padding: 20px;
padding-bottom: 20px;
margin-top: 20px;
flex-direction: column;
text-align: center;
}

.author-links a {
float: none;
align-self: center;
}
.author-description {
text-align: left;
}

Also added two Elements i.e. author box & breadcumb (loop type)

No change after adding CSS code (https://ibb.co/fqtXtrB)

Sometimes also having an error with the site title logo & menu in the mobile version.

Hi there,

Something is altering the default output of the field from the theme.

It could be:

a) A change made to the core theme - you can try re-installing the theme to see if this is the case.
b) A PHP filter added in your child theme or Code Snippets plugin.
c) A plugin you're using that's filtering the output.

No changes to the comment form (https://imgbb.com/wRQb6Sx), after adding this code:

.single-post form#commentform > input {
    color: #666666;
    background-color: #fafafa;
    border-color: #cccccc;
    border: 1px solid;
    border-radius: 0;
    padding: 10px 15px;
    max-width: 100%;
}

I have also reinstalled the theme, they why the Name block is appearing different?

Please check whether it is due to the two Elements i.e. author box & breadcrumb (loop type), i have added & for author box i have also added this CSS code for author box:

.instagram-logo {
path {
fill: #000;
}
circle: #fff;
.logo {
fill: #333;}
}
.author-box {
padding: 3%;
padding-bottom: 10px;
margin-top: 10px;
font-size: 0.9em;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #a7a8a7;
border-radius: 25px 0px 25px 0px;

}
.author-box .avatar {
width: 400px;
height: auto;
border-radius: 100%;
margin-right: 30px;
}
h5.author-title {
margin-bottom: 0.1em;
font-weight: 600;
font-size: 20px;
}
.author-description {
line-height: 1.6em
}
.author-links a {
font-size: 15px;
line-height: 20px;
float: left;
}

@media (max-width: 768px) {
.author-box {
padding: 20px;
padding-bottom: 20px;
margin-top: 20px;
flex-direction: column;
text-align: center;
}

.author-links a {
float: none;
align-self: center;
}
.author-description {
text-align: left;
}

resolved