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

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

Home Forums Support Hamburger icon on mobile menu working but invisible

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1662563
    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

    #1662594
    Elvin
    Staff
    Customer Support

    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/

    A wise man once said:
    "Have you cleared your cache?"

    #1662721
    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!!

    #1662729
    Elvin
    Staff
    Customer Support

    No problem. Glad you got it sorted. ๐Ÿ™‚

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.