WordPress Responsive Vertical menu plugin is an nice and handy plugin for showing your menu in widget. It's very simple to use.

wpdevart

<p>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.</p>
<h3>View our plugin demo page:</h3>
<ul>
<li><a href="https://demo.wpdevart.com" rel="nofollow ugc">Demo Page</a></li>
</ul>
<p>You can check some of our plugin features below.</p>
<h3>Features of Free version</h3>
<ul>
<li><strong>Easy install and use</strong></li>
<li><strong>Works without problem with all WordPress versions</strong></li>
<li><strong>Fully Responsive</strong></li>
<li><strong>Ability to add Icons</strong></li>
<li><strong>Ability to choose Submenu opening type and set the duration</strong></li>
<li><strong>Ability to choose icon function when clicking on it</strong></li>
<li><strong>User friendly back-end</strong></li>
<li><strong>Tested on popular WordPress themes</strong></li>
</ul>
<p>You can upgrade the free version to <a href="https://wpdevart.com/wordpress-vertical-menu-plugin" rel="nofollow ugc">Vertical menu Pro</a> to add some great features.</p>
<h3>The features of Pro version</h3>
<ul>
<li><strong>Ability to change Main, Sub and Active menus styles</strong></li>
<li><strong>Ability to select Font family</strong></li>
<li><strong>Ability to set border styles</strong></li>
<li><strong>Ability to set Background color</strong></li>
</ul>
<h3>If you have any type of question occuring our plugin contact us at support@wpdevart.com.</h3>
<h3>Step by step guide</h3>
<h3>General Settings</h3>
<ul>
<li>Submenu opening type – Select when to display the submenu</li>
<li>Submenu opening duration – Type the submenu opening duration </li>
<li>Icon option when clicking on it – Choose the option when clicking on it</li>
</ul>
<h3>Main(Parent) menu style options</h3>
<ul>
<li>Padding – Type the padding parameters    </li>
<li>Icon size – Type the size    </li>
<li>Background color – Select the Background color  </li>
<li>Font size – Type the Font size  </li>
<li>Font family – Choose the Font family</li>
<li>Font style – Select the Font style  </li>
<li>Text color – Choose the Text color  </li>
<li>Background color when hovering – Choose the Background color when hovering</li>
<li>Font size when hovering – Type the Font size when hovering  </li>
<li>Font family when hovering – Select the Font family when hovering</li>
<li>Font style when hovering – Select the Font style when hovering</li>
<li>Text color when hovering – Choose the Text color when hovering</li>
<li>Active Background color – Select the Background </li>
<li>Active Font size – Type the Font size   </li>
<li>Active Font family – Select the Font family </li>
<li>Active Font style – Select the Font style   </li>
<li>Active Text color – Select the Text color   </li>
<li>Border width – Type the Border width     </li>
<li>Border color – Select the Border color  </li>
<li>Border color when hovering – Select the Border color when hovering  </li>
<li>Active Border color – Select the Border color   </li>
<li>Submenu icons size – Type the icons size    </li>
<li>Submenu opening icon padding – Type the opening icon padding     </li>
<li>Submenu closing icon padding – Type the closing icon padding </li>
</ul>
<h3>Submenu style options</h3>
<ul>
<li>Padding – Type the padding parameters        </li>
<li>Background color – Select the Background color  </li>
<li>Font size – Type the Font size  </li>
<li>Font family – Choose the Font family</li>
<li>Font style – Select the Font style  </li>
<li>Text color – Choose the Text color  </li>
<li>Background color when hovering – Choose the Background color when hovering</li>
<li>Font size when hovering – Type the Font size when hovering  </li>
<li>Font family when hovering – Select the Font family when hovering</li>
<li>Font style when hovering – Select the Font style when hovering</li>
<li>Text color when hovering – Choose the Text color when hovering</li>
<li>Active Background color – Select the Background color   </li>
<li>Active Font size – Type the Font size   </li>
<li>Active Font family – Select the Font family </li>
<li>Active Font style – Select the Font style   </li>
<li>Active Text color – Select the Text color   </li>
<li>Border width – Type the Border width     </li>
<li>Border color – Select the Border color  </li>
<li>Border color when hovering – Select the Border color when hovering  </li>
<li>Active Border color – Select the Border color</li>
</ul>


Responsive Vertical Icon Menu

Hi.

We think this is an nice solution for widget menu, you can also add menu icons.

Thanks

Alternatives to Responsive Vertical Icon Menu

Top alternatives