Resizing cross doesn't work

Docs:

/* Position and sizing of clickable cross button */
.bm-cross-button {
  height: 24px;
  width: 24px;
}

Changing these values (e.g. 50px, 80px) does nothing. Something in the code overrides it with the default 24px values (which I’m assuming the hamburger bars are generated from).

Using !important doesn’t help.

[negomi]

Hey @Mvbraathen, sure, you can just find a cross image you like, then pass it as the customCrossIcon prop. See docs: https://github.com/negomi/react-burger-menu#custom-icons

[Ruslan-Pantaev]

Had same issue. Try using min-width and min-height, worked for me.