[nedachangizi]

Hi
When I select the mobile menu, a gray ellipse and a dotted rectangle on top of it are shown. first of all, is there a way to edit those shapes?
Second, when I tap on the menu button again to close the menu those shapes are still there. How can I remove them?

this is my website nedachangiziz.com

[sapana]

@nedachangizi:Your site isn’t accessible right now, Let me know when your site is live.

Kind Regards,
Sapana

[nedachangizi]

sorry my bad, there was a typo in the website address:
http://www.nedachangizi.com

[sapana]

@nedachangizi:Go to=> Appearance=> Customize=> Additional CSS and add the following code

.menu-toggle {

    outline: unset !important;
    outline-offset: 0px !important;

}

Let me know if this work out!
Kind Regards,
Sapana

[nedachangizi]

Yes thanks it removes the dotted square. Do I need to put this in the CSS file everytime the theme is updated?

My other issue is still there, when I tap on the menu for the second time the menu collapses but the gray ellipse still shows around it, as if it is selected.

[sapana]

@nedachangizi: Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code.

#primary-menu-toggle:hover,
#primary-menu-toggle:focus {
  background-color: transparent;
}
#social-search-toggle {
    background-color: transparent;
}

Let me know if it helps you out!
Kind Regards
Sapana

[Author]

Posts