Mobile menu selected

This topic has 5 replies, 2 voices, and was last updated 6 years, 3 months ago by sapana.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 23, 2018 at 2:04 pm #152406

nedachangizi
Participant

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

August 24, 2018 at 12:18 am #152416

sapana
Participant

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

Kind Regards,
Sapana

August 24, 2018 at 5:23 pm #152480

nedachangizi
Participant

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

August 27, 2018 at 12:45 am #152554
sapana
Participant
@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
August 30, 2018 at 7:35 pm #152845

nedachangizi
Participant

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.

August 31, 2018 at 5:16 am #152884
sapana
Participant
@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