Our team - mobile version edit

Illdy
1

Hello I am developing illdy here: http://caravancity.cz/

I d like to see my page on mobile. I scroll to “Our team” section but there is no my content in middle (is too much on right side). Can anybody help please?

Thank you

2

there is an screen http://pasteboard.co/1sxq1mwqN.png

3

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

@media(max-width:550px){
  .col-xs-offset-1 {
    margin-left: 0px!Important;
}
}

@media(max-width:550px){
  #team .section-content .person .person-content {
    float: left!Important;
}
}

@media (max-width:550px){
  #team .section-content .person .person-image img {
    margin-left: 0px!Important;
    width: 100%!Important;
}
}

I hope this helps :slight_smile:

Best Regards,
Support

4

Hey there,

I am having the same problem as well, the alignment of the content in the Team section is too far to the right on mobile media screens. Ideally, we would be able to center the content under the Team images on mobile screens.

I’ve tried playing with the CSS code above, but it’s not having any effect when I switch to mobile. Can you guys take a look please? My site is at https://swiftlydigital.com. If you visit the team section and reduce the window to a mobile screen size, you’ll see what I mean - I also attached a screenshot.

5

Hello there,

I checked the site but the mobile view of the team section appears correctly on multiple screen sizes. Could you please tell me what screen size and device you used to view this issue?

Best Regards,
Support

6

Hey!

Having the same issues at my site www.kerstinesberg.com

I tried using the code above, nevertheless it did not work.

I have attached a screenshot using Inspect as iphone 5 in chrome.

Kind regards