Add responsive images to category second description
Posted by Steve Stoyanov, Last modified by Steve Stoyanov on 20 January 2017 04:04 PM

X-Cart 5 uses responsive design out of the box. For the most part all images added to cart are responsive and adjust accordingly based on screen size.

If you are planning to add images as part of the second category description these images may not adjust if screen size changes. To make then responsive you can do one of the following to things:


1. When adding images assign "img-responsive" css class to them:

<img class="img-responsive" src="......" alt="...." />


2. Add new css rule in the X-Cart 5 custom css - under Look & Feel menu item:

.category-description-2 img {display: block;max-width: 100%;height: auto;}


Either one of these will make images added to second category description responsive.

(0 vote(s))
Not helpful

Comments (0)
Post a new comment
Full Name:
CAPTCHA Verification 
Please complete the below captcha challenge (we use this to prevent automated submissions).