Slide Show Size

propolis

Just to let you know from my previous post it works well on my test site but not in live site

I have copied everything from test site to live site, but nothing is changing - have I missed something

Copied the test site custom.css and images to live site. Configure new site module settings as per instructions.

The slider size still stays the same.

Live site: www.chesapeakes.uk

Eddie

teitbite

propolis Hi. Please try with this css code for slideshow's background:

.acm-slideshow .item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

propolis

Thank you.

That fixed the centre of image.

Still, it does not look like dev / test site.

Look at this from test site:

Now this is from live site:

The width size is not the same as test site.

Both sites have same images, custom css and image used.

Test Site: www.cyber-plaza.co.uk/cbruk
Live Site: www.chesapeakes.uk

Eddie

teitbite

propolis Hi. I can see the difference, but I think it looks even better now since the center of the image is shifted and the head of the dog is always visible, even on smaller screens.

propolis

teitbite

Thanks for update. When I view on iPhone, the slider image does not scale properly for both test site and live site.
Though I do prefer the look of the test site :-)

Eddie

teitbite

propolis Hi. Ok, than please try add this as well:

@media only screen and (max-width:980px) {
.acm-slideshow .item {
    background-size: inherit;
    background-position: left;
}
}

propolis

Thank you

all is good. Will do more testing

Please close this thread

Eddie

teitbite

propolis Hi. Great to hear that. Closing this thread as requested.