Re: Westminster New

Originally Posted by
rbarbour
So make it easy for them by adding "Menu" to jquery.slimmenu.min.js file
<div class="collapse-button"><span class="icon-bar">
YES, This mean MENU! 
</span>
Tempting 

Originally Posted by
DivaVocals
Hey wanted to share some changes I made based on subsequent feedback from my testers that you might find useful.. Some reported that they were not always able to hit the arrow accurately on a consistent basis when interacting with the mega menu on touchscreen devices.. (this issue is platform independent.. both Apple and Android users reported the same issue..) The mobile dropdown menu doesn't have this same issue as the area around the arrow is a little wider.. So I made some refinements to the mega menu styles on tablet device displays to adjust for larger fingers and aggressive tappers.. I have the following in my responsive tablet CSS.
Code:
ul.slimmenu > li, ul.slimmenu1 > li {margin-right: -4px;width: 13%;}
ul.slimmenu li .sub-collapser, ul.slimmenu1 li .sub-collapser {width: 50px;right: 15px;}
ul.slimmenu li ul li, ul.slimmenu1 li ul li {width:200px;padding-left:2px;/*font-size:95%;*/padding-right:15px;}
You may need to adjust for your own site.. But what this did was to add some width to the area surrounding the arrow so that it is now a bigger target for larger fingers or more aggressive tappers.. HTH..
Thank you. I have that on my list of 'todo' items.
Rick
RixStix (dot) com
aka: ChainWeavers (dot) com
Bookmarks