How to move Reply button on mobile view

  • Author
    Posts
  • #155946

    kenielts
    Member
    Original poster

    Hi Ben,

    I’ve noticed that the Reply button is down under the Like button on mobile view: https://d.pr/free/i/8LV45b. It’s not on the top right like on desktop: https://d.pr/free/i/jiNzuj. I can view and probably pick up the right CSS of the Reply button, but I’m unable to figure out a code to move its position. Please take a look and guide me to do it. The position I expect can either be on the top right or bottom right of the comments.

    Thanks,
    Ken

    The blog I need help with is: theieltshouse.com

    #155961

    binarymoon
    Theme Author

    Hi Ken

    The button is shifted lower on mobile because, in my testing, it was noticed that the reply button often covers commenters names.

    Because of this bottom right would be the best position for you imo.

    @media only screen and (max-width: 699px) {
        ol.commentlist li.comment.bypostauthor .reply,
        ol.commentlist li.comment .reply {
            position: absolute;
            right:0;
            bottom: 14px
        }
    }

    The media query makes the rule only affect things on mobile.

    Thanks – Ben

    #155967

    kenielts
    Member
    Original poster

    That’s perfect! Thanks.

The topic ‘How to move Reply button on mobile view’ is closed to new replies.