Some CSS Adjustments

Hi Patrick,

1. You may add additional indentation to the child items with a little custom CSS. My may adjust the “40px” to whatever you need:

.advanced-sidebar-menu .child-sidebar-menu li { margin-left: 40px; }

If you are using “block styling” the CSS this is what you will need will depend on the id of the widget wrap div. For example this id may be “advanced_sidebar_menu-2-wrap”. To get this id will require looking at the markup of the widget, I understand your site is not public so I will not able able to determine this for you.

Here is the CSS if the id is “advanced_sidebar_menu-2-wrap”:

#advanced_sidebar_menu-2-wrap ul li li a { padding-left: 40px !important; }

2. Using the links to open/close the accordion sections may be accomplished with some custom JavaScript:

jQuery( function($){ setTimeout( function(){ for( var $widget_id in asm_pro.enabled_accordions ){ var el = $( document.getElementById( $widget_id ) ) if( asm_pro.enabled_accordions[$widget_id]['include_parent'] ){ parents = el.find( '> ul > li .has_children' ).has( 'ul' ); } else { parents = el.find( 'ul .has_children' ).has( 'ul' ); } parents.each( function(){ var _parent_menu = $( this ); _parent_menu.on( 'click', '> a', function( ev ){ ev.preventDefault(); asm_pro.accordion._expand_sub_menu( _parent_menu, _parent_menu.find( '> span' ) ); } ); } ); } }, 1000 ); });

Have a great day!

Mat Lipe

Hi Patrick,

Each level of a block styled widget is styled separately and may be adjusted like so:

#advanced_sidebar_menu-2-wrap li li a { padding-left: 40px !important; } #advanced_sidebar_menu-2-wrap li li li a { padding-left: 80px !important; } #advanced_sidebar_menu-2-wrap li li li li a { padding-left: 120px !important; } #advanced_sidebar_menu-2-wrap li li li li li a { padding-left: 160px !important; }

For additional levels, simply add another “li” to the target and it will style the next level down.

Have a great morning!

Mat Lipe