Hamburger Menu for Tablet and Mobile

Hello!

My hamburger menu for tablet and mobile is now indivisible.
Will you please help me?

The website is here.
https://count-on-me.biz/

I have searched the past topics here and tried to add CSS below but it didn’t work.

    .menuStyle1 .mobile-menu-toggle_lines, .menuStyle1 .mobile-menu-toggle_lines::before, .menuStyle1 .mobile-menu-toggle_lines::after, .menuStyle1 .mobile-menu-toggle_lines, .mobile-menu-toggle_lines::before, .mobile-menu-toggle_lines::after, .mobile-menu-toggle_lines, .menuStyle3 .mobile-menu-toggle_lines, .menuStyle3 .mobile-menu-toggle_lines::before, .menuStyle3 .mobile-menu-toggle_lines::after {
            background: #000;
        }

I really enjoy Airi and will be glad if you help my problem!!

Best regards,

Megumi

Hi,

As checked, seems likely you’re getting CSS script conflict with Elementor.

To fix it, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .header-mobile-menu button.mobile-menu-toggle {
      padding: 20px;
    }

Regards,
Kharis
aThemes Support

1 Like

Dear Kharis,

Thank you very much for your super quick response!!!
Following your advice, the problem I had has been solved.

Again, thank you very much!

Best regards,

Megumi

1 Like

You’re welcome Megumi!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support

1 Like