Team Section on mobile view

Illdy
1

Hy,

I use Illdy theme and is superb, but I want the Team Section in mobile version to appear across the width of the screen, not just in one narrow middle of the screen.
It is the Team Section but I use for “Testimonials” and I need that modification for mobile view.
I attach a preview with screenshot.

Thanks in advance.

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
In order to check your question i need to see your live website, please provide url and i will take a look

3

Hi Noda,

The website is still under construction.
I want to resolve all problem and after putting it online. :slight_smile:
How what other information can help to solve the problem?

Thanks.

4

Hi there

In this case, please send me your access credentials and I will investigate. you can create temporary admin details. Don’t forget to mark your reply as private! Thanks!
Colorlib Support Team

5

Hi Noda,

Thanks for support,
Give me your email address to add as temporary admin.
Is ok to add temporary access for 1 day , or you want for more time?

6

Hi,

https://buzzpixel.ro/wp-admin/?wtlwp_token=a81db36bf9247081f1fcfa7a8a7c7052

Thanks.

7

hey there

Please add this CSS in appearance - customize - additional CSS

/Fix team members on small screen/
@media only screen and (max-width: 992px){
#team .section-content .person .person-content {
width: 100%;
}

Thanks!
Colorlib Support Team

8

Hy Noda,

Superb,
Thanks for help.
One more think, who to move the picture to the center?

Have a nice day.

9

Hy Noda,

Sorry for last post,
I wanted to say that the text is fine, but how can I positioned the image as it was before, in the center of mobile screen?

Thanks in advance.

10

no problem, we can handle it as well :slight_smile:
this is your final css code, please remove previous one and let me know results


@media only screen and (max-width: 992px){
#team .section-content .person .person-content {
width: 100%;
}
#team .section-content .person .person-image {
    width: 100%;
    margin-right: 0px;
    float: none;
}
#team .section-content .person .person-image img {
   margin-right: 0px;
}
#team .section-content .person .person-content {
    text-align: center;
}
}
11

Hy,

Thank Noda for the support,
Yes, is work now.

Have a nice day.

12

Hi, there

Nice, to hear your problem is fixed:) Now I will now close the topic and mark it as resolved. Feel free to contact us again

Thanks!