WordPress.org

Ready to get started?Download WordPress

Forums

Swift Basic
[resolved] Change width submenu items? (7 posts)

  1. webblish
    Member
    Posted 1 year 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!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. webblish
    Member
    Posted 1 year 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;}

  4. webblish
    Member
    Posted 1 year ago #

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

    Thanks anyway, Andrew!

  5. webblish
    Member
    Posted 1 year ago #

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

  6. Satish Gandham
    Member
    Theme Author

    Posted 1 year ago #

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

  7. webblish
    Member
    Posted 1 year ago #

    Thnx, Satish!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic