Horizontal Sliding Menu

  • Hello,

    I’m looking to create an Horizontal Menu Slider that will show a large number of links (Approximately 20-30 links).

    I’m trying to find a plugin or Elementor addon to do that but I can’t seem to find it.

    Here’s a general idea on how I need it to work: https://i.ibb.co/Fb5sJtt/image-2023-11-28-154404616.png

    It needs to be able to slide with the mouse, swiping.

    Or if someone knows a way how to make multiple Columns in Elementor slide, that’d be ideal. I’m trying to have those small borders that separate the links from one another.

    Best scenario would be exactly like the picture, with the ability to slide both ways to show all of the other links

    LINK 1 | LINK 2 | LINK 3 | LINK 4 | LINK 5 | LINK 6 | etc…

    • This topic was modified 1 year, 3 months ago by isntisni.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Very crude example but, Elementor uses SwiperJS for their slideshows/carousels so you can “easily” apply a little jQuery and convert any list of links, for example a WP menu, into a slider. Yes it’s a rough example and yes it will take you actually coding something but the bones are there.

    https://codepen.io/tugbucket/pen/MWLqWqe

    Note: The sample HTML I used is from the WP 2024 theme. so all this will differ based on your theme.

    Moderator bcworkz

    (@bcworkz)

    I think any slider that accepts arbitrary HTML should work for you. The problem is most sliders are intended for images and may not accept arbitrary HTML. At times I’ve used WooTheme’s FlexSlider 2 for things like this. I think they sell a WP plugin for this, but you can download and use the jQuery code for free.

    Like SwiperJS, you’ll need to do some of your own coding to integrate it into WP.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Horizontal Sliding Menu’ is closed to new replies.

Tags