[Support request] Hamburger icon on mobile menu working but invisible

[Nicholas]

Scoured the forums for an answer but couldn’t find anything. Most likely my own fault, but any help would be greatly appreciated.

Problem is as stated above. Mobile menu is not showing the hamburger icon though I can click where it should be and it seems to work.

Thanks in advance,
Nic

Website is bodyandsoulboudoir.com.au

[Elvin]

Hi there,

I’ve inspected the site and you have an elementor CSS in conflict with the menu icon.

This CSS turns the icon extremely small (1px) to be properly visible:

.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {
    font-family: "Roboto", Sans-serif;
    font-size: 1px;
    font-weight: 500;
}

I’m not exactly sure what Elementor setting/s its coming from but we should be able to override that by adding this CSS:

button.menu-toggle {
    font-size: 16px;
}

Here’s how to add CSS: https://docs.generatepress.com/article/adding-css/

[Nicholas]

Ahh thanks to your input I managed to find the Elementor setting.

Thank you kind sir, and may many blessings be upon you and your family 😀

All the best!!

[Elvin]

No problem. Glad you got it sorted. 🙂

[Author]

Posts