left arrow on blog page overlaps post snippet

[creatorofstuff]

I just noticed this on our blog page. I have not customized this page. Why would the left arrow be overlapping the blog post like this? See screenshot.

Thanks!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.carousel-wrap a.carousel-prev{
left:-40px !important;
}

Thanks
Mohammad

[creatorofstuff]

That worked, but here I go down that rat hole of having to add custom code to get this theme to work properly. I don’t get that. But thank you.

Also, I didn’t notice this the first time around, but the arrow on the right also overlaps the posts. See screenshot.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this css code also:-

.carousel-wrap a.carousel-next{
right:-40px !important;
}

Thanks
Mohammad

[creatorofstuff]

Thank you for the code. It does fix the problem on the website, but the mobile version is not good now. The arrows are far enough off to the side that you can’t tell what they are. See screenshot.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove all of last code and use this code.

@media only screen and (min-width: 1024px) {
.carousel-wrap a.carousel-next{
right:-40px !important;
}
.carousel-wrap a.carousel-prev{
left:-40px !important;
}
}

Thanks
Mohammad

[creatorofstuff]

Yes, thank you. That did the trick. 🙂

[David Martin – Support]

Great, thanks Mohammad!

– David.