horizontal scrollbar for displaying submenu of custom menu

horizontal scrollbar for displaying submenu of custom menu

per kashyap pandey,
Number of replies: 3

hello,

I want to know how to create horizontal scrollbar for displaying submenu of custom menu below custom menu bar.

In this bar i want to scroll each and every submenu horizontally!!

 

Average of ratings: -
In reply to kashyap pandey

Re: horizontal scrollbar for displaying submenu of custom menu

per lior gil,
Avatar Core developers

Use CSS.

#my_submenu {

overflow-x: scroll;

}

 

Keep in mind this will display the scrollbar even when there is no need for it.

Another option, also in CSS, is to set a minimum width to the submenu element and set "overflow-x: auto;" along with a fixed/minimal width to its parent container.

In reply to lior gil

Re: horizontal scrollbar for displaying submenu of custom menu

per kashyap pandey,

thanks for this!but another problem is that when submenus are more than the width limit then vertical scroll bar is arised.but i want to scroll horizontally means i want to put button on the scroll bar so that when i click on that than scroll horizontally and hidden menus are displayed.

In reply to kashyap pandey

Re: horizontal scrollbar for displaying submenu of custom menu

per lior gil,
Avatar Core developers

In that case I'd suggest looking for a widget in YUI (or JQuery) that does this. I think it's called carousel.