Sticky Postbit

hakyangler

Active member
Hello;
i am using this code for sticky postbit, but it causes distortion in the marked area in the image, both in the normal view and in the mobile view. how can I do this properly?

Code:
.message-user {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
}
 

Attachments

  • sticky postbit.webp
    sticky postbit.webp
    20.1 KB · Views: 16
Solution
Hello,

Use this code:
Less:
@media (min-width: @xf-responsiveMedium) {
    .message-user {
        position: -webkit-sticky;
        position: sticky;
        top: 10px;

        .message-userArrow {
            right: -11px;
        }
    }
}

Adjust the values to suit.
Hello,

Use this code:
Less:
@media (min-width: @xf-responsiveMedium) {
    .message-user {
        position: -webkit-sticky;
        position: sticky;
        top: 10px;

        .message-userArrow {
            right: -11px;
        }
    }
}

Adjust the values to suit.
 
Solution
Back
Top Bottom