Joomla Templates Club 406,261 posts

[baud Friend baudJoin date: September 2010Posts: 61Downloads:22Uploads:10 Thanks: 18]

#967433

Today I noticed – while using a different computer – that my ACM slideshow has a big gap between the different images.I attached a screenshot and highlighted the gap in yellow. On my computer at home everything looks normal. Should I use bigger images for the slideshow to avoid this?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#967451

Hi
may i know in which device you are getting the gap ? It may happen if device is large , container use a max width that is defined for large display , u can share the details and i will replicate it.

[baud Friend baudJoin date: September 2010Posts: 61Downloads:22Uploads:10 Thanks: 18]

#967684

I currently don’t have access to that computer but I just checked my site on screenfly and when I choose a screen size above 1440 in width, then I can see the gaps.

Screenfly You need to press the allow scrolling button in the menu to be able to scroll down to the bottom of my page.

My url is: http://www.hebel-gymnasium-loerrach.de

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#967800

Hi
Please check it in Real device or check it via Chrome debug tool . There is no gap : http://prntscr.com/chdazx

[baud Friend baudJoin date: September 2010Posts: 61Downloads:22Uploads:10 Thanks: 18]

#967808

The slideshow at the top of my page isn’t an ACM slideshow module. The problem is at the bottom of my page – see my screenshot in the first post (the slideshow with the kids playing soccer).

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#967825

Hi
compared the site with demo site and not able to replicate this issue , The issue seems due the less width of the images , when u size of the container is changed in big screen the images reach its max-width of 800px and does not have more space it cover the full part .
You can try below code in custom.css file that make the image 100% width

@media (min-width:1400px) {.acm-slick.slick-slider .slick-list .slick-slide img {
    width: 100%;
}}

Hope it helps .

1 user says Thank You to Pankaj Sharma for this useful post

1. baud

[Author]

Posts