Chris created a article on responsive menus http://css-tricks.com/responsive-menu-concepts/ unfortunately the actual link does not fill the li which I feel from usability stand-point can create confusion.
From the research I did, they say the display:block is the fix, but this does appear to work.
generating the menu from word-press, so I hope there is css solution for this.
Chris created a article on responsive menus http://css-tricks.com/responsive-menu-concepts/ unfortunately the actual link does not fill the li which I feel from usability stand-point can create confusion.
From the research I did, they say the display:block is the fix, but this does appear to work.
generating the menu from word-press, so I hope there is css solution for this.
Thanks
Do you have a link to the site that you're working on? Making the
<a>a block element should solve it, but it all depends on how you've set it up.Hi revoltiong,
Via the menu on CodePen: http://codepen.io/TimPietrusky/pen/gqlhA
Add: display: block; in the li declaration in the CSS on line 126.
That worked for me.
Thanks, Aaron
http://cosmedicaltravel.com/temp/ is the site, I find is strange that works for you guys. Using chrome and firefox on windows.
// I noticed the block is working on mac, what can we do about windows?
Simple fix: remove the padding from the
<li>and add it to the<a>.haha, that did it, Thanks Doc! Much appreciated.