Slider navigation in Chrome

I’ve changed

.carousel-control img {top:50%;position:relative;margin-top:-20px;}

into

.carousel-control img {top:50%;position:absolute;margin-top:-20px;}

in style.css file.

It works for me.

themadcap,

I tried that – it messes up the horizontal alignment – buttons are no longer centered…

Can you link to a webpage with the issue?

emmanuelcommunity.com

So can you add this to your style.css file?

.carousel-control img {
 position: absolute;
}

I’m not too sure why you can’t then just position the arrows as you would normally using CSS position:

.carousel .left img {
    left: 30px;
}

.carousel .right img {
    right: 30px;
}

Andrew,

Of course! I had a moment of mental blindness – thank you for switching the light back on for me!

Done and working.