Hi,
Thank you for getting back to us.
Your custom CSS code that adds an extra button may be needing some corrections. Can you share your final code here? So I can replicate and fix it with my test site first.
Regards,
Kharis
Thread Starter
mako2
(@mako2)
Thank you so much! I just added the code you told me to add here https://ww.wp.xz.cn/support/topic/add-button-to-menu/
.menu-button > a {
background-color: #fff000;
color: #ff0000 !important;
padding: 5px 12px;
}
.menu-button > a:hover {
background-color: #ff0000;
color: #fff000 !important;
}
Hi,
Thank you for sharing.
I implemented it into my test site and it doesn’t show the same error as seen on your screenshot.
Then I inspected your site’s mobile menu and my web browser’s developer tool is showing the source of this error. It is actually extra CSS of Elementor that you’re using contains a shared style for any buttons. To fix it on the mobile menu button, you’ll need to add this CSS code to your site’s Additional CSS that is located under Appearance > Customize menu.
.header-mobile-menu button {
background-color: transparent !important;
}
Regards,
Kharis