Horizontal Scrolling Nav Bar

I’ve included two attachments, one showing our menu set-up, with the other showing a HTML block we’re using for the megamenu desktop navigation. There are 6 columns within the section.

For mobile devices, I want the user to see one column at a time, but they can swipe to the left to view the other columns. A visible scrollbar would be beneath the column to indicate they should scroll.

Is this achievable? If so, how?

Attachments:

You must be logged in to view attached files.

Hi,

The HTML Blocks for the Mega Menus don’t work for the Mobile. You need to create a separate Menu under the Dashboard > Appearance > Menus with simple classic style (i.e. Parent item > Sub item > Sub item) and then set that menu for the Mobile under the Header Builder.

Further, you can read these Menu related guides of the Theme Documentation:
https://xtemos.com/docs-topic/create-mega-menu/
https://xtemos.com/docs-topic/adding-menu-to-the-site/

Best Regards.

[Author]

Posts