PixiesintheCellar

Wow – truly amazing :))))

Thanks a million times over, my head hurts with trying to do this for the past few days!

It’s a beer for you Creatrix :)))

Just an update incase anyone else is having the same probs…
I’ve now changed the bootstrap css as the first box above, but kept the final @media to

@media (min-width: 1200px) {
.container {
width: 1170px;
}

but not added the 100% width bit as this then put page on right on larger screens.

so now looks good on all size screens :)))))
Thanks a a million times again Mizagorn :))))))))

Thanks Mizagorn. I’ve just tried this, but I think we’ll stick with just changing the style css, as the arrows move further away from the image and the container box becomes too big when on large monitors, compromising the design slightly. I guess it’s a compromise between code and design!

Thanks again, your help has been invaluable ??

Well the bootstrap code wasn’t exactly as you said…so I kinda left that as it was after a lot of head scratching and wondering where I might but what you suggested…
Anyway I then just tried changing what you suggested for the style.css – this worked a treat :)))) The arrows are now within the gallery/carousel container both on desktop and mobile. Seems to work well on Apple devices, not managed to check yet on Android but hopefully should be resolved as well.

Thanks again Mizagorn ??

Wow! That’s quite an epic answer, thanks so much Mizagorn ?? I’m quite new, in fact very new to altering code etc…so I’ll go and have a go now…..
Thanks again very very much appreciated :))

Now managed to fix the problem

Deactivated Gallery, then deactivated Quickcache plugin, reactivated Gallery, then reactivated Quickcache. Seems to do the trick ??