Put hamburger menu in circle

ridick6 · August 2017

Hi,

I'm trying to achieve this look with the hamburger icon (for the navigation that slides out from the right) -

Here's the CSS i'm using which works fine in the Chrome inspector, but does not update on the production site. Am I targeting the right style?

#Top_bar .menu_wrapper {

display: none;

position: absolute;

right: 20px;

top: 50%;

margin-top: -17px !important;

width: 40px !important;

height: 45px !important;

vertical-align: middle;

text-align: center;

border-radius: 50px !important;

z-index: 200;

padding: 8px 6px 0px 6px !important;

}

Thanks.

Bryan · August 2017

Try adding !important to each value.

If this does not help, send us a link to your website

Comments