CSS to make hamburger icon bigger

  • Hello,

    I would like to slightly increase the size of the hamburger icon when viewing through a mobile device, using the Astra theme!
    Is there a piece of CSS that will allow me to do this?

    Thanks,

    Kian

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 16453565

    (@anonymized-16453565)

    hey, @kian1977

    To do that, go to Appearance → Customize → Additional CSS and enter the following code:

    @media(max-width: 820px){
	.ast-button-wrap .menu-toggle .menu-toggle-icon:before{
		font-size: 24px;
		line-height: normal;
	}
	.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle {
	    border-radius: 40px;
	    height: 40px;
	    width: 40px;
	    padding: 0;
	}
}

    Thanx.

    Thread Starter kian1977

    (@kian1977)

    Hi @snehalb890,

    That worked really well…
    Thanks ever so much for your help,
    it’s much appreciated.

    Kian

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS to make hamburger icon bigger’ is closed to new replies.