Developer forum

Hello Gerard,

Currently there is no width setting for dropdown menu type, menu dropdowns have fixed width in 240 px. So I've created new TFS Feature # 50389 to implement this setting. Will see if Project managment will approve it.

As an alternative solution you can use magamenu instead of dropdown menu type (website settings/ NAVIGATION DROPDOWN / MEGAMENU section/ Menu type field). 

Thank you.

Best regards,

Olga

You can also add a bit of css in your ignite.css file:

.dw-mod .menu__item--fixed-width{
    width:400px;
}

Hi Gerard

It is quite easy to make it wider. You could just adjust it in your Ignite Less project, by doing this:

.menu__item--fixed-width {
   width: 350px;
}

I know the .dw-mod class is missing here. But it is an error in the template, and we will fix it in the next release. 

But I should warn you, I do not think making the dropdown wider is the best solution. It may introduce a lot of other problems like: Ugly menus when the text is short. Part of the menu going outside of the page on smaller screens. And the menu item being much harder to read.

When I look at other sites that use dropdown navigation, they have almost always made shorter texts and maybe set the font size a bit down. In this case I would go for:

Fees, Invoices and Withdrawal -> Payment help
Contacting our financal department -> Contact finance 

Remember that your navigation should be fast and easy to use.

Best regards
Karsten Thuen

Thanks for your replies and help Nicolai and Olga. Overthinking the comments and risks I agree with Karsten.
I'll try to set the font size a bit down and make shorter text. Thanks to you also Karsten.

BR Gerard

Where do I change that Font size of the navigation dropdown Karsten?
I don't see it in the settings.

BR Gerard

It is the general font size for the whole navigation. The group before the one you are in. I think we will consider adding the possibility to configure the fontsize directly for the dropdown/megamenu.  

Best regards
Karsten Thuen

Thanks Karsten, please keep me updated.

BR. Gerard