we are using a Elementor header template >> make it veiw for singlare – pages : Menu – Scroll horizontal

and we make Css Class for the nave menu : scrollmenu


then go to gear icon in the page > theme style > Custom CSS

add this :


 Link : 



@media screen and (max-width: 768px) {
scrollmenu .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;

to remove the scrolling line when moving horizontally

.elementor-nav-menu::-webkit-scrollbar { display: none; }