Page 1 of 1

responsive design images not scaling down on page

PostPosted: Tue Jan 02, 2018 9:07 am
by hammer
Hello

I am using a responsive BB-page template design by Lauren and I am having a problem with banner graphic images not scaling down on the pages when viewed on a mobile device.

The banner slider images do scale on the carousel template. And the product more information page image appears to scale down. But the banner graphic image is badly cropped on the page template.

Is there something missing on the BB page template?

How do I correct this problem?

Thank you,

Re: responsive design images not scaling down on page

PostPosted: Tue Jan 09, 2018 5:30 pm
by ShopSite Lauren
This was noted as a bug and fixed in the latest version of ShopSite. Contact your host and see if they are offering the update. If not, I can send you a template fix for the version you currently have, just let me know what version of ShopSite you are running.

Re: responsive design images not scaling down on page

PostPosted: Wed Jan 10, 2018 7:57 am
by hammer
Happy New Year Lauren,

I am hosting shopsite on Windows 12 Server. I am running Shopsite Pro 12, sp2 r4.

Please advise next steps.

Thank you,

Hammer

Re: responsive design images not scaling down on page

PostPosted: Thu Jan 11, 2018 12:33 pm
by ShopSite Lauren
This is the line of CSS that needs to be added. If you are using the default versions of the templates, you can add this into the css file by going to Merchandising > Custom Templates > Includes, and make a copy of the bb.css file. Then re-copy your copy and name it the exact same as the original. This will make it so your copy overrides the default. Then add the following line:

Code: Select all
div#bb-innerpagegraphic img {max-width: 100%}

Re: responsive design images not scaling down on page

PostPosted: Fri Jan 12, 2018 9:08 am
by hammer
Thank you Lauren.

I added the new code to the BB- MOBILE NAV MENU CSS area in the bb.css include file.

I used the Shopsite editor and had to add it to the PUBLISH FILES for the change to take effect.

After I regenerated the store the banner graphics on the pages now displays correctly.

Thanks again for the help. :D