Menu icon Foundation

Engineer | Rio de Janeiro, Brasil

I'm a web standards advocate.

My Posts

No Content

My Comments

Maujor commented on Arjun Naha's post over 5 years

And here another solution clearing floats with overflow CSS propertie.
http://codepen.io/Maujor/pen/pGkhH

Maujor commented on antonio ortiz's post over 5 years

The selector to target the menu icon is:

.top-bar .toggle-topbar.menu-icon a span:after 

and adjust de vertical position to your new icon setting:

top: -17px;

So your code should be:

.top-bar .toggle-topbar.menu-icon a span:after {
  -webkit-box-shadow: 0 10px 0 2px white, 0 16px 0 2px white, 0 22px 0 2px white;
  box-shadow: 0 10px 0 2px white, 0 16px 0 2px white, 0 22px 0 2px white;
  top: -17px;

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Arjun Naha's post over 5 years

And here another solution clearing floats with overflow CSS propertie.
http://codepen.io/Maujor/pen/pGkhH

You commented on antonio ortiz's post over 5 years

The selector to target the menu icon is:

.top-bar .toggle-topbar.menu-icon a span:after 

and adjust de vertical position to your new icon setting:

top: -17px;

So your code should be:

.top-bar .toggle-topbar.menu-icon a span:after {
  -webkit-box-shadow: 0 10px 0 2px white, 0 16px 0 2px white, 0 22px 0 2px white;
  box-shadow: 0 10px 0 2px white, 0 16px 0 2px white, 0 22px 0 2px white;
  top: -17px;

Posts Followed

Following

  • No Content

Followers

  • No Content