How to move the Profile Avatar Box
By Richard on Friday, 23 October 2015
Posted in General Issues
Likes 0
Views 506
Votes 0
The Profile Avatar box is on the left in desktop view and most smaller devices, but changes to the middle position on very small devices (probably mobile but not sure exactly what screen size the change occurs).

I would prefer the Profile Avatar to be on the left on all devices, how do I achieve this?

(I am using the latest version of EasySocial on Joomla 3.4.5 with the default 'Wireframe' theme.
hey Richard,

I am sorry for the delay of this reply,

Can you take a look of my screenshot below and see is it you referring that user profile avatar display on left position?

If yes, you can apply this following css in your current template css file.


div#fd.es.w480 .es-profile-header .es-profile-header-avatar {

    left: 15% !important;

}


Hope this help.
Arlex Wong
·
Friday, 23 October 2015 15:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you Arlex, the adjustment works perfectly, much appreciated.

I forgot to ask, how do I make the Avatar box a bit smaller on mobile (same reduction for height and width)?
Richard
·
Friday, 23 October 2015 16:28
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome.

Perhaps you can try follow code and see how it goes?



div#fd.es.w480 .es-profile-header .es-profile-header-avatar>a {

    width: 50px !important;

    height: 50px !important;

}
Arlex Wong
·
Friday, 23 October 2015 17:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Perfect Arlex, thank you again!
Richard
·
Friday, 23 October 2015 18:02
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome.
Arlex Wong
·
Friday, 23 October 2015 18:43
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post