Simplify menu-icon css
Remove the duplicate display property, since it was force-overridden by the `!important` keyword in the same definiton. This then makes the `!important` keywords unnecessary. The menu-icon is floated, and therefore can't be `inline-block`, so browsers were interpreting that as `block` all along.
This commit is contained in:
parent
c23d8bfa6a
commit
0a66990911
1 changed files with 2 additions and 3 deletions
|
@ -80,11 +80,10 @@ small, aside {
|
|||
/* Rules for the header */
|
||||
|
||||
#menu-icon {
|
||||
display: none !important;
|
||||
display: none;
|
||||
float: right;
|
||||
background: image-url("menu-icon.png") no-repeat;
|
||||
background-size: 30px 30px;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 14px 10px 0 0;
|
||||
|
@ -244,7 +243,7 @@ body.compact-nav {
|
|||
|
||||
body.small-nav {
|
||||
#menu-icon {
|
||||
display: inline-block !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
nav.primary,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue