wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] Avatar chaning position on mobile phone  


ssp
Posts: 2
 ssp
(@ssp)
New Member
Joined: 2 months ago

Hi,

Thanks for a great plug-in!

Is there a way to "lock" the avatar position on mobile? My Hebrew language (so R-T-L) site works fine on PC but on mobile the avatar position changes from right to left.

Any help will be much appreciated.

Thank you.

 

PC look - all is right positioned. 

pc.png
 
Mobile view - all but the Avatar is right positioned. Avatar is on the left.
 
mobile.png
Topic Tags
3 Replies
Asti
Posts: 1669
 Asti
Support
(@asti)
Support member
Joined: 3 years ago

Hi @ssp,

Please use the CSS code below:

@media screen and (max-width: 600px){
#wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-left {
text-align: right;
margin-right:0;
}
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again. 

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

ssp
Posts: 2
 ssp
(@ssp)
New Member
Joined: 2 months ago

Hi @Asti,

It worked, thank you so much.

May I ask another question about the comments area (or should I open a topic?) - is it possible to adjust the gap size between the end of the post to the comments area?

For some reason, it is much larger than the gap when using the default comment block.

Screen Shot 2020 10 19 at 19.42.48

 

Thanks

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 1669

@ssp,

Try this CSS code: 

#comments, #respond, .comments-area, #wpdcom, #wpdcom .wpd-form-head {margin-top: 0 !important;}

It should help you to solve the issue. 

Share: