
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
2 thoughts on “Create a Mobile Slider Menu in Elementor”
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!
Thanks for asking, you can’t make it wider than the display.