Fixed Bottom Menu vs Responsive Vertical Icon 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 );

WordPress Responsive Vertical Icon Menu plugin is an nice and handy plugin for showing your menus in widget. It’s very simple to use. There are a lot of style and font settings that you will like. View our plugin demo page: Demo Page You can check some of our plugin features below. Features of Free version Easy install and use Works without problem with all WordPress versions Fully Responsive Ability to add Icons Ability to choose Submenu opening type and set the duration Ability to choose icon function when clicking on it User friendly back-end Tested on popular WordPress themes You can upgrade the free version to Vertical menu Pro to add some great features. The features of Pro version Ability to change Main, Sub and Active menus styles Ability to select Font family Ability to set border styles Ability to set Background color If you have any type of question occuring our plugin contact us at [email protected]. Step by step guide General Settings Submenu opening type – Select when to display the submenu Submenu opening duration – Type the submenu opening duration Icon option when clicking on it – Choose the option when clicking on it Main(Parent) menu style options Padding – Type the padding parameters Icon size – Type the size Background color – Select the Background color Font size – Type the Font size Font family – Choose the Font family Font style – Select the Font style Text color – Choose the Text color Background color when hovering – Choose the Background color when hovering Font size when hovering – Type the Font size when hovering Font family when hovering – Select the Font family when hovering Font style when hovering – Select the Font style when hovering Text color when hovering – Choose the Text color when hovering Active Background color – Select the Background Active Font size – Type the Font size Active Font family – Select the Font family Active Font style – Select the Font style Active Text color – Select the Text color Border width – Type the Border width Border color – Select the Border color Border color when hovering – Select the Border color when hovering Active Border color – Select the Border color Submenu icons size – Type the icons size Submenu opening icon padding – Type the opening icon padding Submenu closing icon padding – Type the closing icon padding Submenu style options Padding – Type the padding parameters Background color – Select the Background color Font size – Type the Font size Font family – Choose the Font family Font style – Select the Font style Text color – Choose the Text color Background color when hovering – Choose the Background color when hovering Font size when hovering – Type the Font size when hovering Font family when hovering – Select the Font family when hovering Font style when hovering – Select the Font style when hovering Text color when hovering – Choose the Text color when hovering Active Background color – Select the Background color Active Font size – Type the Font size Active Font family – Select the Font family Active Font style – Select the Font style Active Text color – Select the Text color Border width – Type the Border width Border color – Select the Border color Border color when hovering – Select the Border color when hovering Active Border color – Select the Border color