JA Social not responsive

mcglynn-Amember

Why do the slideshow images on the Social II template homepage stretch and distort? Has the template not been coded correctly?

mcglynn-Amember

When the website is being viewed on a phone mcglynn-Amember

saguaros

Hi mcglynn-Amember

Could you share your site's URL here so I can take a look?

mcglynn-Amember

http://foodsystems.network

The same issue presents on your own version when viewed on a mobile phone.

mcglynn-Amember

Do you have a fix for this and why do you guys NOT have a way of managing issues? Why don't you have a way of managing issues ..a ticketing system? or is that what this is supposed to be?

saguaros

Hi mcglynn-Amember

As I can see that the slide item on your site is set with a fixed height (240px), so on mobile view, the image will be resized like that.

You can try with this custom css:

@media screen and (max-width: 480px) {
  .acm-slideshow .owl-carousel .item {
    height: auto !important;
  }
  .acm-slideshow .owl-carousel .item .slider-img {
    height: auto !important;
  }
}

put into the file: /templates/ja_social_ii/css/custom.css (Create this file if it doesn't exist).