Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

My custom mobile hamburger icon is not centered in the invisible hamburger box, how do I fix this?


Posted (edited)

Hello, I'm working on my new website and I've got my own little thing that I want as a mobile hamburger menu icon.

My problem is it does not center in the bounding box (term?), how do I fix this?

Image for reference:


Icon image adress:


CODE I'm using right now:

.burger-inner:after {
    content: "";
    background-image: url(https://i.imgur.com/DcVdG9q.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    background-color: transparent !important;
    display: block;
    width: 30px;
    height: 30px;
.burger-inner:before {display:none;}

Thanks before hand,


Edited by savedbybravado

Share this post

Link to post

1 answer to this question

Recommended Posts

  • 0

Can you share link to your site?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...