comments section

serealities · Member · Feb 20, 2016 at 6:02 pm
Copy link

Add topic to favorites
The comments section of my site on my phone does not look like the comments section on my desktop. I can upload a screen shot of my phone it it would be helpful to understand what I mean. I only want it to look like the desktop… only a comment box. I don’t want it to ask for email, website, etc. Is this a CSS question?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 21, 2016 at 3:18 am
Copy link
If you are logged into WordPress, either on your phone or on your computer, only the comment box will appear, not the name/email/website fields because WordPress already knows who you are. If you, or someone else is not logged in, then they will be presented with the name, email and website fields.

If you wish to allow anyone to comment anonymously, you can go to Settings > Discussion in your dashboard and other Other Comment Settings you can choose to allow anonymous comments. Do know though that when this is set it will open your site up to more spam comments, and if the spammers find out about this, you could have a flood.
thesacredpath · Member · Feb 21, 2016 at 3:20 am
Copy link
I should note that the email address field will still be present with the above setting, but the user does not have to fill in the email address unless they want to.
thesacredpath · Member · Feb 21, 2016 at 3:20 am
Copy link
I should note that the email address field will still be present with the above setting, but the user does not have to fill in the email address unless they want to.
serealities · Member · Feb 21, 2016 at 3:37 am
Copy link
but nothing is checked under other comments section :/
thesacredpath · Member · Feb 21, 2016 at 5:50 am
Copy link
I just went to your site on my iPhone, and although the email, name and website fields are there, it allowed me to make an anonymous comment without having to leave any of that information.

If you wish to hide all of that, add the following CSS.
```
#respond #comment-form-identity {
display: none; !important;
}
```
serealities · Member · Feb 24, 2016 at 3:22 am
Copy link
Thanks! I tried that and it didn’t work, however, wp support sent this message to me about the same question:
This is related to your custom CSS, where you specify setting for comments in multiple places starting at line 291. These setting are specifying conditions (such as pixel width) that will modify the behaviour of your comment box only under those conditions.

I looked at my css and I don’t understand it enough to know what to delete :/ If I add the “important” part to your css recommendation, do you think that will help or what can I delete from the existing css?
thesacredpath · Member · Feb 24, 2016 at 3:36 am
Copy link
Hmmm, I can’t see what they are talking about. I only see 257 lines in your custom CSS, and there is only one comments related CSS rule with a pixel value, and that is a left padding, which is pushing your comment box off the right of the screen. Remove this from your custom CSS
```
#comments {
    padding-left: 20px;
}
```
and replace it with this
```
#respond {
    padding-left: 20px;
    padding-right: 20px;
}
```
serealities · Member · Feb 24, 2016 at 4:06 am
Copy link
Yay! that’s so cool! it looks like it worked on the wp viewer. I just threw my iphone6 into the washing machine so it’s buried in rice :( but i think that worked.
Thanks!
thesacredpath · Member · Feb 24, 2016 at 6:02 am
Copy link
Awesome, and you are welcome. Let me know if there are any issues, and sorry about your 6. :(
serealities · Member · Mar 4, 2016 at 5:47 pm
Copy link
Hi again!
it did work for the viewer online but not for my phone. If you have any other ideas about how to fix this, please let me know.
Thanks!
kathrynwp · Staff · Mar 4, 2016 at 9:46 pm
Copy link
I scanned through this thread but am not sure I understand the remaining problem. :)

If you could upload a screenshot of the problematic page to help in troubleshooting that would be extremely helpful.

Here’s a guide on how to make a screenshot:
http://en.support.wordpress.com/make-a-screenshot/

You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library so I can see it. Thanks.

At the same time, please provide a link to the specific page or post on which you took the screenshot. Thanks!
serealities · Member · Mar 5, 2016 at 4:39 am
Copy link
Hi,
This is about my phone view. If you go to our site and scroll down to the comments section, there is a box only. The image on my phone is different and is the screen shot that I last uploaded in my media.
I only wish to have a comment box and not all the other items on my phone comments section.
Many thanks!
sarahblackstock · Member · Mar 9, 2016 at 7:36 pm
Copy link
Hi there!

You could try setting a media query to target the comment area on mobile specifically. Here’s one using the CSS from thesacredpath earlier, with the media info added:
```
@media screen and (max-width: 800px) {
   #respond #comment-form-identity {
	display: none;
	}
}
```
That will make those comment fields disappear on screens 800px wide and smaller. It worked when I checked it out on an iPhone 6, but you can adjust that number if needed. There’s more info on media queries here: https://en.support.wordpress.com/custom-design/custom-css-media-queries/.
serealities · Member · Mar 9, 2016 at 8:11 pm
Copy link
Perfect! Many thanks!
sarahblackstock · Member · Mar 9, 2016 at 8:27 pm
Copy link
You’re welcome! :)

No items found.