Submenu width

Hi there,

This CSS should work:

.main-navigation ul ul {
      width: 200px;
}

200px is the default, so you can increase that as you like.

Thanks...

You're welcome :)

hi tom

this css doesnt appear to work for me if i have the menu on the left (it doesnt change anything) for the submenu, and having trouble using the chrome css inspect since it wont stay on a hover menu :) to figure it out myself.

thanks!

Do you have a link that I can check it out at? :)

Hi Tom

he site is password protected right now, I can email you the info though if you drop me a line

thanks!

Can you send me the link to support@generatepress.com?

Thanks!

Ah, for sidebar widgets, this CSS will work:

.widget-area .main-navigation ul ul {
      width: 200px
}

thanks! and just to note the missing ; for anyone else needing this

.widget-area .main-navigation ul ul {
      width: 200px;
}

Thanks! :)

Hello Tom,

I have same problem, but for "SubMenu" or "Secondary Menu"
How can I make SubMenu more width?

Thank you!

I modified the CCS as below, but it only increased "Menu" Width, not of "Sub Menu" Width.

}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: none;
float: left;
position: absolute;
top: 1.5em;
left: 0;
z-index: 99999;
width:250px;
text-align:left;
}

Hi there,

Try this for the secondary menu:

.secondary-navigation ul ul {
    width: 250px;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

YES!!! Works! Thank you Tom!!!