Split: Keep arrows on slider when streching to fullwidth
-
Hello, what is the solution to have the arrows show on a full width Woodmart product slider? Please post the solution so others can also implement it. Is it possible to have the arrows above like in the screenshot?
Attachments:
You must be
logged in to view attached files.
Also, is it possible to have the sliders aligned left with a little bit of overlap on the right side like the above attachment? Align center has a similar effect, but not perfect.
Hi,
Please, describe to us your problems in a bit more details. Attach some screenshots and provide us with a list of steps on how to reproduce it on your website.
Thank you in advance.
The problem is that when you use a full width product carousel (with stretched section & content), the carousel arrows (on hover) end up being off of the page so you can’t see them. Is there a way to move the arrows somewhere they are visible so people are aware that it is a carousel?
Ideally the arrows could get moved above like the screen shot attached earlier.
Attachments:
You must be
logged in to view attached files.
Hi,
Could you please send us a link to your website where we can see this issue?
Kind Regards
Yes, I will include link and login in the private content. The issue can be seen on the homepage.
Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.
.wd-section-stretch-content .owl-carousel .owl-prev {
left: 0 !important;
}
.wd-section-stretch-content .owl-carousel .owl-next {
right: 0 !important;
}
.
