Mobile menu icon changes position when menu slides on wordpress

lina3vt
23 Posts
lina3vt posted this 23 December 2019

Hi. I have a mobile menu and an issue. The menu icon is centered in the column when menu is closed (that's the position I want to always have) but when I click on it and the menu slides, the icon change to the left side, overlaping another icon I have there. How I make that the icon stays on the center of the column when menu slides?
Thanks

enter image description here

enter image description here

Hi. I have a mobile menu and an issue. The menu icon is centered in the column when menu is closed (that's the position I want to always have) but when I click on it and the menu slides, the icon change to the left side, overlaping another icon I have there. How I make that the icon stays on the center of the column when menu slides? Thanks![enter image description here][1] ![enter image description here][2] [1]: https://ibb.co/r52tF9x [2]: https://ibb.co/Vp7RYh3
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 26 December 2019

Hello Lina,

I apologize for the delay.
Unfortunately, the screenshots haven't come through.

Could you please provide link (or better - access) to the site?

Gina
Themler Support

Hello Lina, I apologize for the delay. Unfortunately, the screenshots haven't come through. Could you please provide link (or better - access) to the site? Gina Themler Support
lina3vt
23 Posts
lina3vt posted this 26 December 2019

The site is davasad.com/hisca

The site is davasad.com/hisca
Support Team
Support Team posted this 27 December 2019

Lina,
Add this code to Home -> Settings -> Additional CSS:

.collapse-button .bd-menuitem-7:not(.bd-mega-item) > a::before, .collapse-button .bd-menuitem-7:not(.bd-mega-item) > a:link::before {
    margin: 0 auto;
    display: block;

}

Or apply same margin and display: block to the menu button using Themler menu tools.

Gina
Themler Support

Lina, Add this code to Home -> Settings -> Additional CSS: .collapse-button .bd-menuitem-7:not(.bd-mega-item) > a::before, .collapse-button .bd-menuitem-7:not(.bd-mega-item) > a:link::before { margin: 0 auto; display: block; } Or apply same margin and display: block to the menu button using Themler menu tools. Gina Themler Support
You must log in or register to leave comments