Thanks for using Tracks!
Please add this CSS to your site and let me know what you think:
.menu-primary ul ul li {
white-space: nowrap;
}
.menu-primary ul ul {
max-width: none;
left: -100%;
right: -100%;
}
You can copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.
Thread Starter
anti78
(@anti78)
Hello, Ben. Thanks for your answer. Unfortunately, it’s not really working yet.
The first submenu is getting wider. But one entry is too wide. And the other submenus are way too wide.
See pictures.
Submenu 2
Submenu 3
-
This reply was modified 5 years, 11 months ago by
anti78.
Got it. Try swapping out the previous code for this CSS instead:
.menu-primary ul ul li {
white-space: nowrap;
}
.menu-primary ul ul {
max-width: none;
width: auto;
left: 50%;
right: auto;
transform: translateX(-50%) !important;
}
Thread Starter
anti78
(@anti78)
It’s working great. Thanks for your help.
