How to Modify SuperSide Me Navigation Options

The settings page for SuperSide Me is intentionally fairly limited, but that doesn’t mean that your navigation options are limited. There are handy filters which allows you to change a lot of things about the placement and design of the panel. As of SuperSide Me 2.0, the filter is split into two smaller filters (as of 2.0, many options which were limited to filters are now available as settings!).

To modify your main menu button:

add_filter( 'supersideme_button_options', 'prefix_modify_button_options' );
function prefix_modify_button_options( $button ) {
	$button['button_color'] = '';
	$button['location']     = '.site-header';
	$button['position']     = 'absolute';
	$button['width']        = 'auto';

	return $button;
}Code language: PHP (php)

To modify the menu panel itself:

add_filter( 'supersideme_panel_options', 'prefix_modify_panel_options' );
function prefix_modify_panel_options( $panel_options ) {
	$panel_options['background']   = '#000';
	$panel_options['close']        = ''; // removes the close button from the SuperSide panel
	$panel_options['closeevent']   = '.menu-close, .menu-item a'; // change what causes the SuperSide Me panel to close (useful mostly if you have on page anchor links in your menu)
	$panel_options['displace']     = false;
	$panel_options['link_color']   = '#fff';
	$panel_options['maxwidth']     = '50em';
	$panel_options['outline']      = 'dashed';
	$panel_options['panel_width']  = '100%';
	$panel_options['side']         = 'left';
	$panel_options['speed']        = 400;

	return $panel_options;
}Code language: PHP (php)

You can use as much or as little of the filter as you like, depending on your needs. Some options are useful in fairly limited edge cases. For example, the closeevent option is useful for sites with menu items which link to a section of the page, rather than to a new page.

Return to SuperSide Me