Fixed Bottom Menu

Add a fixed menu. The basic menu is at the bottom, but it can also be displayed on the top, left, and right.

Links

• Five link destinations can be specified.
• Provides filters for icons, URLs, and text for each link.

Options

• Can specify the number of columns from 1 to 5.
• Can specify the font size with px, rem and em.
• Can specify the menu height with px, rem and em.
• Can specify the line height with px, rem and em.
• Can specify the padding with px, rem and em.
• Can specify their class to remove the overlap for headers and footers overlap.
• Can specify the color of text, buttons, and overlay.
• Can specify the upper limit of the display width.
• Can specify the stack order of css elemental.
• The above options filters are provided.

Other filters

• Provide a filter to erase the menu.

How it works

Live Demo

• Fixed Bottom Menu Live

Icons

• Dashicons can be specified.

Customize

• Template files allow for flexible customization.
• The default template file is template/fixedbottommenu-template-html.php and template/fixedbottommenu-template-css.php. Using this as a reference, you can specify a separate template file using the filters below.

/** ================================================== * Filter for template file of html. * */ add_filter( 'fixed_bottom_menu_generate_template_html_file', function () { $wp_uploads = wp_upload_dir(); $upload_dir = wp_normalize_path( $wp_uploads['basedir'] ); $upload_dir = untrailingslashit( $upload_dir ); return $upload_dir . '/tmp/fixedbottommenu-template-html.php'; }, 10, 1 ); 

/** ================================================== * Filter for template file of css. * */ add_filter( 'fixed_bottom_menu_generate_template_css_file', function () { $wp_uploads = wp_upload_dir(); $upload_dir = wp_normalize_path( $wp_uploads['basedir'] ); $upload_dir = untrailingslashit( $upload_dir ); return $upload_dir . '/tmp/fixedbottommenu-template-css.php'; }, 10, 1 ); 

• CSS files can be set separately. Please see the filters below.

/** ================================================== * Filter for CSS file. * */ add_filter( 'fixed_bottom_menu_css_url', function () { $wp_uploads = wp_upload_dir(); $upload_url = $wp_uploads['baseurl']; if ( is_ssl() ) { $upload_url = str_replace( 'http:', 'https:', $upload_url ); } $upload_url = untrailingslashit( $upload_url ); return $upload_url . '/tmp/fixedbottommenu.css'; }, 10, 1 );