Horizontal sliding menu

Support
#1

Website I’m working on that has issues:

I’m using your new Pro theme, and trying to create a top bar navigation. I don’t like the burger menus for mobile navigation, and am trying to use your flexbox options to create a horizontal scrolling menu, similar to this:

So I have a top menu (the black bar), and want to be able to do a horizontal scroll it if the screen gets too small to show all menu items. This seems very difficult to achieve with the Pro Header flexbox features and the overflow setting

#2

Hi Gabriel,

On your bar, Setup Tab > ID field: add bar-overflow. Then add the following CSS:

   #bar-overflow{
        overflow-x: auto;       
  }

See this settings too: https://screencast-o-matic.com/watch/cbi2jQl3QR

1 Like
#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.