responsive design images not scaling down on page

Questions and answers about ShopSite Custom Templates

responsive design images not scaling down on page

Postby hammer » Tue Jan 02, 2018 9:07 am

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,
hammer
 
Posts: 127
Joined: Thu Mar 17, 2011 8:22 am

Re: responsive design images not scaling down on page

Postby ShopSite Lauren » Tue Jan 09, 2018 5:30 pm

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.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 887
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT

Re: responsive design images not scaling down on page

Postby hammer » Wed Jan 10, 2018 7:57 am

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
hammer
 
Posts: 127
Joined: Thu Mar 17, 2011 8:22 am

Re: responsive design images not scaling down on page

Postby ShopSite Lauren » Thu Jan 11, 2018 12:33 pm

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%}
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 887
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT

Re: responsive design images not scaling down on page

Postby hammer » Fri Jan 12, 2018 9:08 am

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
hammer
 
Posts: 127
Joined: Thu Mar 17, 2011 8:22 am


Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 5 guests