CMS Made Simple Forums

Posted: **Mon Jun 14, 2021 7:15 pm**

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

Posted: **Mon Jun 14, 2021 7:26 pm**

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.

Posted: **Tue Jun 15, 2021 6:09 am**

Thanks

I have used the no-wrap feature.

Solved.

CMS Made Simple Forums

Drop down menu

Drop down menu

Re: Drop down menu

Re: Drop down menu