Carousel arrows hidden when streched
-
Hello,
I’ve added a banner carousel on the homepage of my store and the arrows are shown on the margin of the scree on Boxed layout (see screenshot no. 1). However, we want it to be full width. Firstly, if i only set width to “full width” in the container’s display settings, it still remains boxed. Not only this one, but all the elements. I’m curious why but this is not the topic for it.
To make it full width, i choose the “Stretch the container (and the content)” option from the [XTemos] Layout section of the container display settings, and it becomes full width (also all the other containers that have only one row of sections). However, the arrows disappear when i do this. (see screenshot 2)
I thought that it’s the z-index of the arrows, so i set it firstly to 10, then to 999, but still didn’t appear. I also tested the change of position: relative to a non static one, but still no change.
While on mobile and table is great, as i don’t want them to show on screen, i need those arrows on desktop, as the pagination dots are way to ugly to leave on, so please give me a solution only for the desktop carousel.
Thank you
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field. I will check and import the demo on your site.
Best Regards,
.
