horizontal scrollbar for displaying submenu of custom menu

horizontal scrollbar for displaying submenu of custom menu

gan 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!!

 

Cyfartaledd sgoriau: -
In reply to kashyap pandey

Re: horizontal scrollbar for displaying submenu of custom menu

gan lior gil -
Llun o 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

gan 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

gan lior gil -
Llun o 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.