View Single Post
  #3  
Old 12-08-2015, 12:36 PM
 
macak49 macak49 is offline
 

Newbie
  
Join Date: Aug 2013
Posts: 9
 

Default Re: light responsive category menu

To add scrolling to the pop up category menu you can also add this to your changes. This works for if you have a ton of categories, like I do.

To the bottom of mobile_categories.tpl add a new class to the ul, I added "mobile-menu-d" as my new class.

Code:
<ul class="mobile-menu-d"> {$smarty.capture.menu} </ul>


Then in altskin.css add the following under "@media screen and (max-width933px)" somewhere around line #3230 of altskin.css.

Code:
.mobile-menu-d{ max-height: 400px; overflow-y: scroll; overflow-x: hidden; }

The height is editable to taste, I found 400px to be a decent height on my phone but it may change later. It works with touch scrolling on iPhone and Android for what I can tell, but I have not tested it on a huge range of devices.
__________________
Xcart Gold 4.7.4
Reply With Quote