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 */
|
/* Rules for the header */
|
||||||
|
|
||||||
#menu-icon {
|
#menu-icon {
|
||||||
display: none !important;
|
display: none;
|
||||||
float: right;
|
float: right;
|
||||||
background: image-url("menu-icon.png") no-repeat;
|
background: image-url("menu-icon.png") no-repeat;
|
||||||
background-size: 30px 30px;
|
background-size: 30px 30px;
|
||||||
display: block;
|
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
margin: 14px 10px 0 0;
|
margin: 14px 10px 0 0;
|
||||||
|
@ -244,7 +243,7 @@ body.compact-nav {
|
||||||
|
|
||||||
body.small-nav {
|
body.small-nav {
|
||||||
#menu-icon {
|
#menu-icon {
|
||||||
display: inline-block !important;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.primary,
|
nav.primary,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue