Create slider with mini navigation

[southwestweddingcollective]

Hi! I could use some help creating a hero slider in pro that includes some functionality I’m not sure how to accomplish.

1. it needs to include three fullwidth slides.
2. it needs to include next & previous slide buttons on the left and right, centered vertically.
3. it needs to include text nav for the slides along the bottom edge, centered.
4. it needs to include a spot for headline and CTA button centered vertically and horizontally in the slide.
5. it needs to have a mini page nav along the top edge. the nav should highlight the current page name.
   I’ve attached a mockup of what we’re trying to accomplish below. Is this possible in X Pro?

[prakash_s]

Hello @southwestweddingcollective,

Thanks for writing to us.

I would suggest you please make the section full-width. You need to go to the Row-> Size-> Uncheck->
Global Container. Add the Slider element. Add the text button and image inside the slide. For the Navigation use button element outside the slider, and use the trigger element.

Sliders | Themeco Docs

Use the custom attributes for the slider trigger.

Sliders | Themeco Docs

Please have a look at this video tutorial as well.
https://www.youtube.com/watch?v=do45n9xMUVo&t=231s

Hope it helps
Thanks