-
AuthorPosts
-
April 18, 2015 at 3:46 am #205631
The slideshow on ncbeverages.com/small home page doesn’t display on phones, smaller tables or when I shrink the browser. As you decrease the browser window’s width, the image becomes shorter and shorter after a certain width, until it disappears completely. Thus the slideshow is not responsive on smaller screens.
Also, I would like the slideshow image to scale, not crop.
How would I fix that?
Later I added this to my custom.css, which kind of works, but is there a better way to do it?
.acm-hero {
min-height: 200px;
min-width: 100px;
}htaccess username: demo
password: demo123Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
April 20, 2015 at 2:08 am #567536HI
Try this
Add this code in custom.css file
.acm-hero.full-screen {background-size: cover;
}
Clear cache and check.
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
April 20, 2015 at 2:08 am #732646HI
Try this
Add this code in custom.css file
.acm-hero.full-screen {background-size: cover;
}
Clear cache and check.
April 20, 2015 at 5:52 am #567565I tried that, but didn’t work. My approach seems better so far, although I don’t like hard-coding px values.
April 20, 2015 at 5:52 am #732675I tried that, but didn’t work. My approach seems better so far, although I don’t like hard-coding px values.
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
April 20, 2015 at 6:01 am #567566<em>@nathanciobanu 469381 wrote:</em><blockquote>I tried that, but didn’t work. My approach seems better so far, although I don’t like hard-coding px values.</blockquote>
HI
As i can see its working fine now >>> http://prntscr.com/6vxm20
with background : 100%
and the code is commented in custom.css
http://prntscr.com/6vxmeyPankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
April 20, 2015 at 6:01 am #732676<em>@nathanciobanu 469381 wrote:</em><blockquote>I tried that, but didn’t work. My approach seems better so far, although I don’t like hard-coding px values.</blockquote>
HI
As i can see its working fine now >>> http://prntscr.com/6vxm20
with background : 100%
and the code is commented in custom.css
http://prntscr.com/6vxmey -
AuthorPosts
This topic contains 7 replies, has 2 voices, and was last updated by Pankaj Sharma 9 years, 6 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum