Create a Mobile Slider Menu in Elementor

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

Dont have Elementor yet, get it here!

Table of Contents

Have you ever been to Elementors blog section on their website on your mobile and notice that the menu Scrolls across the top when you use your finger now this is very easily created and I’m going to show you how.

Main CSS Code

This is the main css code, copy and paste it in to Elementors theme styles css panel.

@media screen and (max-width: 768px) {
.mickmenu .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: auto;
-webkit- -scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}

Watch the Video

Was this article helpful?
YesNo
  • Last updated 3 months ago

These people love what I Do!

Do you need personalised Help?

Mick The WP Mentor

Mick The WP Mentor

Hi, I’m Mick, I’ve been building websites for almost 20 years, nowadays my primary focus is WordPress, as it’s highly flexible and contains fewer restrictions than page builders. I love helping others with WordPress!

Leave a Reply

2 thoughts on “Create a Mobile Slider Menu in Elementor”

  1. Nice, just saw this on elementor and wanted to replicate it!

    Any way of making the scrolling width longer? Seems to cut off the first two menu items on my site when trying this.

    Thanks!

Leave a Comment

Your email address will not be published. Required fields are marked *

Mick The WP Mentor

Learn how to create a new user for your WordPress developer, so you don’t have to give your web designer your personal username and password.

Read Article »
Mick The WP Mentor

It’s best to optimise images before uploading them onto your website, here is a great way to do it if you don’t use programs like photoshop.

Read Article »
Mick The WP Mentor

One of the common WordPress questions I get asked is “How do I log in to WordPress?” New users to WordPress have a hard time finding their login page URL. In this post, I will show you how to find your WordPress login URL.

Read Article »

Follow Us

I Recommend These

Sign up for my Newsletter

I promise not to spam you too much :)