The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Avatar chaning posi...
 
Share:
Notifications
Clear all

[Solved] Avatar chaning position on mobile phone

4 Posts
2 Users
0 Likes
855 Views
Posts: 2
 ssp
Topic starter
(@ssp)
New Member
Joined: 4 years 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: 7114
 Asti
Support
(@asti)
Illustrious Member
Joined: 6 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.

Posts: 2
 ssp
Topic starter
(@ssp)
New Member
Joined: 4 years 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: 6 years ago

Illustrious Member
Posts: 7114

@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: