fill li with a

[revolutiong]

Chris created a article on responsive menus https://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

[TheDoc]

Do you have a link to the site that you’re working on? Making the `` a block element should solve it, but it all depends on how you’ve set it up.

[iamaaron]

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

[revolutiong]

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?

[TheDoc]

Simple fix: remove the padding from the `

[revolutiong]

haha, that did it, Thanks Doc! Much appreciated.

[Author]

Posts