I would like to make the sidebar menu for VirtueMart categories responsive, just like the mainmenu (topmenu). Is that possible? Right now if I have 10+ categories you would have to scroll alot on a mobile to get to the actual products.
See attachment below on how I would like the menu to look on a mobile.
Make sidebar menu responsive?
Rate this topic: 
1.00 out of 6 based on 1 vote(s)
1.00 out of 6 based on 1 vote(s)- GK User
- Thu Sep 20, 2012 8:48 am
- Reply with quote
- Report this post
Hi,
In general custom works like this are beyond our support, but I can suggest how to start with this problem. In general you have to create in the module duplicate of the menu which will be generated as the select dropdown list. Then you have hide this dropdown in the desktops and show on the tablets and mobiles (tablet.css/mobile.css) where the standard menu will be displayed. The last thing to do is create some background image for the button (that's why you should wrap the select dropdown list with some container) and hide the dropdown list using opacity set to 0 - then the list won't be visible but after clicking on the background it will display.
In general custom works like this are beyond our support, but I can suggest how to start with this problem. In general you have to create in the module duplicate of the menu which will be generated as the select dropdown list. Then you have hide this dropdown in the desktops and show on the tablets and mobiles (tablet.css/mobile.css) where the standard menu will be displayed. The last thing to do is create some background image for the button (that's why you should wrap the select dropdown list with some container) and hide the dropdown list using opacity set to 0 - then the list won't be visible but after clicking on the background it will display.
-
- Administrator
- GK User
- Mon Sep 24, 2012 7:56 am
- Reply with quote
- Report this post
Thank you for a good guide! I managed to solve it.
-
- Senior Boarder
3 posts
• Page 1 of 1