erase the square of hamburger menu

  • Hello.

    I want to erase the square that is displayed when I click the hamburger menu in the latest chrome.
    Please tell me how to use it.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @hirokazuonodera,

    I don’t understand what you mean with the square. I can’t see one when opening it with Chrome on my end. Can you post a screenshot?

    — Anders

    Unfornatelly I dont know, but maybe this:

    .site-header .nav-toggle::before {
	display: none;
}

    If you discover, please, tell us.

    The square only occurs in Chrome and can be removed with the following CSS:

    .nav-toggle:focus{
    outline: 0;
    }

    Keep in mind that it is not recommended practice to remove the square as it reduces the accessibility for certain users.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘erase the square of hamburger menu’ is closed to new replies.