PLEASE HELP ME WITH MY "PROFILE PAGE" CODING FOR THE MOBILE VERSION🙏

[JAIME DIAZ SALAZAR]

Hi good evening,

On any user's profile page on the mobile version, the user's name is to the left where before was on the center, and the facebook like button is to the right outside the page's margin. And also on any member's module list the member's icons are moved outside the box's margin.

If somebody could please me with the coding for the mobile version I'd really appreciate it,

Thank you🙏

[Bizz]

Hi, this will help to get the name in center but with regards to the others can see the members list or a profile to check out what spacing you have becuase those pages are viewed by members only, if you make those so non members can see them I can then check it out for you.

For now just add the code below to your design studio custom css to center the member name

 

@media screen and (max-width:481px){
.profileCoverArea-frame .banner-info > h2{
justify-content:center
}
}

[JAIME DIAZ SALAZAR]

Hi Bizz,

Thank you very much for your help, it worked💪🏻.

If you also had the code for the facebook like button so I could move it to the left on the members profile page so it fits inside the margin I'd also appreciate it Bizz. 

Thanks🙏🏻

[Bizz]

Looks like you have no padding set on your modules, try adding some padding to those to see if that fix's the problem before adding any code, you will find it will probably fix the isse. You can add any values you want so if you only want a little padding of say 10px on the left and right then just add that value in the box left and right