Hi @yashbhora,
It’s coming from the Elementor Theme Style.
I hope that will help. Feel free to reach out to us if you have any further queries.
Kind regards,
Herman 🙂
@brainstormteam Thank you! Yeah, it was elementor and fixed the issue. However, now the problem is that whenever I click on the toggle or the menu for that matter(on mobile) there is a dotted line that borders my click. However, when I click another element, the border disappears. Any help would be appreciated.
Hi @yashbhora,
Good to know you have fixed it.
Regarding the dotted line, it is the Accessibility feature that will help people with disabilities, and Astra is fully supported. You shouldn’t worry about that as it will help the site users. However, if for some reason you still need to remove it, you can add the following CSS code in Appearance > Customize > Additional CSS
.ast-menu-toggle:focus {
border: 0;
}
I hope it helps.
Kind regards,
Herman 🙂
@brainstormteam Hi, thank you again for the response. I understand the purpose of it now but just for my knowledge, I used your code but it had no effect on the website. In fact, I’ve tried using additional CSS before as well, but to no avail.
Hi @yashbhora,
I am sorry, the code should be
.ast-menu-toggle:focus {
outline: 0;
}
Probably I needed more coffee when I wrote the code 😛
Please let us know how you go.
Kind regards,
Herman 🙂
@brainstormteam Wow, thank you so much Herman! I hope you continue helping others out and I’d rate you a 10/10 for consumer satisfaction if I could! Once again, thanks!
You’re welcome, it’s been a pleasure to help you, @yashbhora 😉
Do let us know if there’s anything else we can help you with.
Have a nice day and stay safe!
Kind regards,
Herman 🙂
