Skip to content

Instantly share code, notes, and snippets.

@robneu
Last active May 21, 2018 20:45
Show Gist options
  • Star 11 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save robneu/0ad283737d80802cb0e0 to your computer and use it in GitHub Desktop.
Save robneu/0ad283737d80802cb0e0 to your computer and use it in GitHub Desktop.
Remove unwated space from nav elements on Genesis themes.
/**
* The Default Genesis styles have a bug which causes extra unwanted
* space to display in the nav menu bar elements. This will remove the
* extra space cross-browser. The reason for the strange .001px font size
* is due to a bug on older Andorid devices.
*
* Note: I've used the default Genesis styles here as an example. The only
* actual change is the font-size rule on both selectors.
*
* Reference link: http://css-tricks.com/fighting-the-space-between-inline-block-elements/
* Android Bug link: http://codepen.io/SelenIT/pen/HIika
*/
.genesis-nav-menu {
clear: both;
font-size: .001px;
line-height: 1;
width: 100%;
}
.genesis-nav-menu .menu-item {
display: inline-block;
font-size: 16px;
text-align: left;
}
@claytonschase
Copy link

Amazing!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment