Tagged: header menu, menu items
Dear Enfold-Team,
I have a problem with one menu item of my site’s header menu.
Using Firefox, it shows an unnecessary wordwrap for this one menu item:
Using Chrome, the header menu looks as it is supposed to – no wordwrap:
Do you have any idea, where the problem is?
This is the site in question: http://www.dental.one
Thanks a lot for your support in advance!
Best,
Hagen
Hey HagenWittig,
Thank you for the inquiry.
The issue occurs because of the margin in this css code.
#top #header .av-main-nav > li#menu-item-2782 > a .avia-menu-text {
border-right-style: solid !important;
border-right-width: 1px !important;
padding-right: 13px !important;
margin-right: -13px !important;
}
Why did you apply a negative margin to the menu text?
Best regards,
Ismael
Dear Ismael,
Thanks a lot for your help.
Of course, you are absolutely correct. Stupid, I didn’t see it myself.
I had to adjust the margin of that particular menu item because I created a menu item looking similar to a button to the right of it. This setting worked brilliantly for more than a year. I guess the latest WP-update has changed part of the menu items’ setup.
Nevertheless, that was an easy fix. You can close the topic. Thanks again.
Best,
Hagen