Menu icon Foundation

My Posts

  • 1
    Reply
  • Excessive use of !important?

    By Michael Forcer

    !important

    I was trying to change the padding on the .menu-icon button on the off canvas @import "foundation/components/top-bar"; a.menu-icon { padding: 0; } In my experience with CSS, i have changed the padding after it is originally set so it should ... (continued)

    Last Reply by Rafi Benkual about 5 years ago




My Comments

Michael Forcer commented on Jon Friedrich's post about 5 years

If you are using SASS just change the following variable:

$topbar-bg-color: #333;

Michael Forcer commented on Michael Forcer's post about 5 years

Thank you,

here is the final version [hopefully]: http://codepen.io/GoodBytesUK/pen/ockmz

The padding in the mobile media query only wanted to work with !important added to it, even though it's the last thing in my stylesheet.

Michael Forcer commented on Michael Forcer's post about 5 years

Thanks for the input guys, i'm now close to achieving what i want, here's a code pen for anyone else who is interested in this:

http://codepen.io/GoodBytesUK/pen/ockmz

Slight issue with mobile view it kills the alignment of the hamburger icon.

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Jon Friedrich's post about 5 years

If you are using SASS just change the following variable:

$topbar-bg-color: #333;

You commented on Michael Forcer's post about 5 years

Thank you,

here is the final version [hopefully]: http://codepen.io/GoodBytesUK/pen/ockmz

The padding in the mobile media query only wanted to work with !important added to it, even though it's the last thing in my stylesheet.

You commented on Michael Forcer's post about 5 years

Thanks for the input guys, i'm now close to achieving what i want, here's a code pen for anyone else who is interested in this:

http://codepen.io/GoodBytesUK/pen/ockmz

Slight issue with mobile view it kills the alignment of the hamburger icon.

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content