Change width submenu items?

  • Resolved webblish

    (@webblish)


    13 years ago

    Hi, any idea how to change the width of the submenu items of the dropdownmenu? Some menu items are a bit wider and get a line break.

    I found a way to add some css to change the width of the list items (.nav ul li), but the ul (.nav ul) doesn’t want to stretch…

    BTW: my compliments for this great theme!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    Do you have a section of the dashboard to make CSS changes without editing the theme’s files?

    Thread Starter webblish

    (@webblish)

    13 years ago

    Ah, now I’ve found it:

    – Look at the ID’s of the menu items, and add some CSS like this sample to the user CSS:

    #menu-item-305 ul,#menu-item-305 ul li {width:auto;}

    Thread Starter webblish

    (@webblish)

    13 years ago

    And the Swift Basic theme does have a “User CSS” option.

    Thanks anyway, Andrew!

    Thread Starter webblish

    (@webblish)

    13 years ago

    I also added a ‘min-width’ to prevent occasional word-breaks

    Theme Author Satish Gandham

    (@gandham)

    13 years ago

    Adjust the width and add this to user css
    .nav li:hover ul,
    .nav li:hover ul li:hover ul{width:440px!important}

    Thread Starter webblish

    (@webblish)

    13 years ago

    Thnx, Satish!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Change width submenu items?’ is closed to new replies.

Tags