Page 1 of 1

Drop down menu

Posted: Mon Jun 14, 2021 7:15 pm
by Barrowboy
Hi
I am using bandb theme with horizontal dropdown menu.

How to do I make the width of the dropdown match the text length so there is no wrap-round.

Can I add width: = ? somewhere in the css.

What would be the correct CSS?

Thanks

Re: Drop down menu

Posted: Mon Jun 14, 2021 7:26 pm
by DIGI3
A couple of options come to mind. If you want all the dropdowns to be the same width you can override the min-width that Foundation sets to 200px, e.g:

Code: Select all

.is-dropdown-submenu {
  min-width: 400px;
}
Or you can set the text in the dropdown to not wrap, which should make each dropdown resize to its largest item:

Code: Select all

.is-dropdown-submenu {
  white-space: nowrap;
}
Use the inspector to see what's being set and tweak as needed.

Re: Drop down menu

Posted: Tue Jun 15, 2021 6:09 am
by Barrowboy
Thanks

I have used the no-wrap feature.

Solved.