Tell us what you are trying to do?
I created two slider views- one for desktop and tablet and one for mobile.
The view for desktop and tablet displays 3 posts and the one for mobile will display only one post.
How can I add the pagination controls of the slider on top of the featured image on mobile? Currently they are above the image.
Is there any documentation that you are following?
No
Is there a similar example that we can see?
I want the mobile slider to look like the image attached.
I tried creating this using Toolset Blocks and built a template since I am using Elementor. But I could not figure out how to display ALL the posts within the post type the way I have it now. I was following this tutorial: hidden link
Is there another way to achieve my goal using Toolset Blocks?
My best recommendation here is that if you're using 2 different views 1 for desktop and 1 for mobile then you change the mobile's pagination style to the dots rather than the arrows.
The desktop slider is a pre-made module from the module library. I just edited it a bit to fit my liking. The one on mobile I created using Toolset Views not Blocks.
I added the pagination dots but how do I only display 3 dots in the center instead of a whole row of dots?
I added the pagination dots but how do I only display 3 dots in the center instead of a whole row of dots?
The number of dots is displayed based on the number of items the view is displaying vs the number of items per page. If you have 15 posts and only listing 1 post per page then you'll have 15 dots vs 3 posts per page in this case you'll only have 5 dots.
Also, on mobile, is there a way to swipe the image to the left and have it go to the next post instead of using the dots?
Unfortunately no we don't have a this functionality.