Fixing dropdown width?

Hi @xxrayray.

Thank you for contacting us.

I’ve solved one part of the adjustment, this should be added to Customize -> Additional CSS to stop wrapping

.navbar-nav .dropdown-menu > li > a {
	white-space: nowrap;
}

There’s remaining part where the display of the drop-down part should be adjusted to display: inline-table so that “carret” doesn’t overlap with the text, but it keeps evading attempts to hit it right. ??

Kind regards.

That worked, except the arrows are now in the way of the words as you said. Is there any way that can be adjusted as well? Thank you for your help!

• This reply was modified 6 years, 7 months ago by Rachel.

I’ll try to fix it tomorrow, and will post it here if I succeed. Basically, I know what has to be done, just have to figure out how to do it. ??

Kind regards.

Hi @xxrayray,

Please replace above code inside Appearance → Customize → Additional CSS with this:

 @media (min-width: 768px) {
  .navbar-nav .dropdown-menu {
    width: 23em !important;
    max-width: 23em !important;
  }
}

Kind regards

Thank you!!