In XenForo forums, the quick reply box is by default positioned statically at the bottom of the page. This makes it inconvenient to scroll down and reply in long threads.
With the CSS code below, you can make the quick reply area “sticky,” fixing it to the bottom of the screen on both mobile and desktop devices to improve user experience.
Adding this code to the extra.less template will be sufficient.
With the CSS code below, you can make the quick reply area “sticky,” fixing it to the bottom of the screen on both mobile and desktop devices to improve user experience.
Code:
/* Display the quick reply area as a sticky bar at the bottom of the page */
.js-quickReply {
position: sticky;
bottom: 0;
z-index: 5;
border-top: 1px solid @xf-borderColor;
background: fade(@xf-contentBg, 98%);
box-shadow: 0 -4px 20px rgba(0,0,0,.06);
backdrop-filter: blur(6px);
}
.js-quickReply .block-body {
padding: 8px 10px;
}Adding this code to the extra.less template will be sufficient.
