edit navigation menu width

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter bevilleliam

    (@bevilleliam)

    7 years, 10 months ago

    Hi I have resolved my first issue of increasing top navigation menu width by placing some CSS code into “additional CSS” in “customize”. I now have my nav menu on one line (increased width to 1040 px)

    I would be very grateful for any help in trying to now increase the width of the drop down box for the sub menu.

    I wish to keep the sub pages links text on one line by increasing the width size of the drop down boxs.

    Thread Starter bevilleliam

    (@bevilleliam)

    7 years, 10 months ago

    Hi.

    Using additional CSS…

    .sub-menu
    {
    width: 250%;
    }

    Then I have increased the size of all the drop down menu boxes but the text for each menu link remains on two lines and the sub, sub menu links boxes are way too big.

    I removed the CSS code I added as it is unworkable.

    Any suggestions?

    • This reply was modified 7 years, 10 months ago by bevilleliam.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    7 years, 10 months ago

    @bevilleliam, Good work on increasing the menu width.

    Try the following CSS to increase the submenu width:

    
@media screen and (min-width: 48em) {
	.main-navigation ul ul a {
		width: 250px;
	}
}

    As you can see, in this case the theme set the submenu width on the links.

    Thread Starter bevilleliam

    (@bevilleliam)

    7 years, 10 months ago

    Thank you Andrew.

    Worked perfectly.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘edit navigation menu width’ is closed to new replies.