how to hide comments for mobile users?

My blog is https://theadventurouswriter.com/quipstipsrelationships/

Hi Laurie. You can use this css to hide the comments section after the sidebar drops below the content:

@media only screen and (max-width: 479px) {
    #comments {
       display: none;
    }
}

Brilliant, works like a charm, thank you so much bdbrown!

Is it possible to hide comments unless the reader wants to see them? Create a tab that says “To view comments” or something, and when they click it, the comments become visible?

Is it possible? Well, sure. Just depends on how much time you want to spend on it ?? Just off the top of my head I’m thinking (since I haven’t actually done this) you’d need to either modify a theme file to add the button, or maybe use a shortcode plugin. Then add some javascript to change the comments container css so it displays. If you’re interested in taking this on I’ll see what I can come up with, but it may be a while before I can get to it.

Thank you so much! By I think I’ll let it go – I’m fine with the comments being hidden, and won’t worry about the optional comments tab.

Cheers!

You’re welcome. Glad I could help. If you don’t need any further assistance with this topic please mark it as Resolved. Thanks.