Width of the Menu and Sub-Menu

[Avi Pal]

How to increase width of the Menu and Sub-Menu list in the Navigation, so that the long item name wrap itself in single line instead of double line.

https://drive.google.com/file/d/117iOC_yXp2FmO_sZxd1t2qAsqqFijK64/view?usp=sharing

[Zex]

Hello, eductronics!

try to insert the following code into Customizing->General->Additional CSS:

.sticky-nav li,
.sub-menu,
.sub-menu li{
    width: max-content!important;
}

Regards

[Avi Pal]

Thanks Zex,

I must say you are great.

[Zex]

This reply has been marked as private.

[Avi Pal]

It worked but line separating the menu list are not same width, can you make separator line equal width.

https://drive.google.com/file/d/1-vaDo8EE7Eb_PJZgVkD75eUMnQXCm4GA/view?usp=sharing

Thanks…

[Zex]

Hi,

In that case, substitute the previous code with the next one:

.sticky-nav li ul li,
.sticky-nav li ul {
    min-width:250px!important;
}

Change the min-width value per your needs.

Regards

[Avi Pal]

Thanks this code works flawlessly

[Author]

Posts