How to create sliding vertical menu

vishal-sharma · February 2016

Hello Dear Team Muffin Group,

I want to create a vertical menu for my project. The menu that I want is like the one given in the link www.arkadium.com. I have tried at my level to achieve so kindly help me in doing so.

Thanks & Regards,

Vishal

Albert · February 2016

Hi Vishal,

we got similar menu but not the same one. It's called Creative and you can set it up under Theme options > Header & Subheader > Header section. Please notice that except headers under this section, we do not have any other included.

Thanks!

vishal-sharma · February 2016

Hello Dear Team Muffin Group,

I have purchased the following plugin http://codecanyon.net/item/superfly-responsive-wordpress-menu-plugin/8012790 from Envato market place. Now I am having following Issue I want to hide the main menu on my website The One created by Wordpress and replace it with the super fly menu on the mobile devices. Kindly assist be in best possible ways ASAP.

Thanks & Regards,

Vishal

Albert · February 2016

Please send us link to page where from you want to remove menu first.

vishal-sharma · February 2016

Here is the link eduwagon.com. Actually I want this menu to be displayed on Mobile device only. Currently I have set the display of super fly menu for all devices to show to you but in actual I want It to be displayed for mobile devices only.

Regards,

Vishal

Albert · February 2016

Ok. So to remove our default menu on all sizes except mobile, you need to use the following css:

@media only screen and (min-width: 768px) {
    #Top_bar .menu_wrapper { display: none !important; }
}

vishal-sharma · February 2016

Dear Team Muffin Group,

You haven't got my point I want your menu (i.e the default wordpress menu) for desktop devices and this sliding menu only for mobile devices.

Secondly I have pasted the CSS supplied by you ( Above CSS ) under Custom CSS section in themes option it haven't made any changes.

Thanks,

Vishal

Albert · February 2016

If you want to remove our responsive menu only, then you need to use the following css instead:

#Top_bar a.responsive-menu-toggle { display: none !important; }

BTW Above css works fine of course because already removed menu items from desktop versions.

vishal-sharma · February 2016

Thank You Very Much For Your Valuable support.

Albert · February 2016

You are welcome

How to create sliding vertical menu

Comments