Blog Posts Layout Problem with Comment Button and horizontal lines

[RYAN]

I noticed that under the mobile set up for Boss theme, when you look at the the blog page with all the posts, you click on reply and it shows up with a weird layout where the comment button is over lapping the lines. Here is an attached image of what I am talking about. The overlapping varies from each comment but it still looks off. What is a fix for this?

[Anonymous]

Hi @ryan-valdez, please try to add following to custom.css

.commentlist>li.comment {
   padding-bottom: 50px !important;
  }

Regards
Varun Dubey

[RYAN]

I went ahead and added the css. It seems like it works for the first comment but messes up for the second comment. I am not sure if there was any way to make it consistent.

[Alyssa]

@ryan-valdez what phone, OS, and browser are you using?

[RYAN]

The problem with the comment button and lines overlapping each other happens on every browser I use. I use Chrome on desktop. iPhone 5c Safari updated. Sony Xperia Chrome.

[Alyssa]

@ryan-valdez I’m still unable to replicate this but you can try this instead:

.commentlist li.comment:last-child {
   padding-bottom: 50px !important;
  }