When viewing demo.openchurchsite.com on a mobile, the homepage rotater scales correctly. When installing a brand new site with the openchurch profile the homepage rotater images don't scale. Tried on Unbutu 14.04.4 LTS with Apache and Nginx, same result.

Comments

JonM created an issue. See original summary.

drupalninja99’s picture

drupalninja99 commented

What browser are you using? It is working for me locally.

drupalninja99’s picture

drupalninja99 commented

Also I have updated the demo site to now use the Drupal 8 build. Before it was using D7.
http://demo.openchurchsite.com/

drupalninja99’s picture

drupalninja99 commented

I see the issue is with Firefox. This could be related to a fix I made recently.

  • drupalninja99 committed 435b2ef on 8.x-2.x 
    Issue #2707205 by drupalninja99, JonM: Responsive images for mobile
drupalninja99’s picture

drupalninja99 commented
Status: Active » Fixed

I have this fixed in dev. The slideshow container just needed a max-width: 100%; property.

JonM’s picture

JonM commented

Is your demo site running the fixed dev version? I still see the issue on there.

On my test site I created two new content types, body + image, body + images.

http://test8.bensonpark.org/node/26 -body + image, scales fine.
http://test8.bensonpark.org/node/27 -body + images, doesn't scale properly, using a different class

so working:

<div data-quickedit-field-id="node/26/field_image/en/full" class="field field--name-field-image field--type-image field--label-above">
    <div class="field__label">Image</div>
              <div class="field__item">  <img src="/sites/default/files/2016-04/195735-custom%5B1%5D%5B1%5D.jpg" width="640" height="320" alt="Holy Eucharist" typeof="foaf:Image" />

</div>

and failing:

  <div class="node__content clearfix">
    <div class="cycle-slideshow" data-cycle-slides="> img, > a">
        <img src="/sites/default/files/2016-04/195735-custom%5B1%5D.jpg" width="640" height="320" alt="Holy Eucharist" typeof="foaf:Image" />


    <div class="cycle-pager"></div>
</div>

If i go into inspector and change div class from cycle-slideshow to field__item it does scale, but not with the border node 26 has.

Tried to install the update, site isn't happy with just the theme, guess cause I use the profile I must wait for that to be updated.

drupalninja99’s picture

drupalninja99 commented

My demo site hasn't been updated. Please download the latest dev and test against a clean install. The fix worked for me in Firefox.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.