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

Limited Support

Dear Clients and Partners, we wish you a Merry Christmas and a Happy New Year! May this season bring you joy, peace, and good times with your loved ones.
Our support will be limited during the holidays, and we will return to full service on January 7.
Thank you for your understanding.
We appreciate your support this year and look forward to working with you in the new year.
Happy Holidays!

 

[Solved] Avatar chaning position on mobile phone

4 Posts
2 Users
0 Reactions
1,114 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: 7682
 Asti
Support
(@asti)
Illustrious Member
Joined: 7 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: 7 years ago

Illustrious Member
Posts: 7682

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