Change menu dropdown pages to display in one line rather than two

  • Author
    Posts
  • #2300459

    teenshopinc
    Member

    How to I change the menu drop down items under “programs” to fit in one line across without changing the wording or font size. Currently it looks like one page is listed as two since the name of the page is quite long. Thanks.

    The blog I need help with is teenshopinc.wordpress.com.

    #2300678

    deanroyal1
    Member

    Copy and paste these two items into your Custom CSS editor window.

    /* disable text wrap in sub-menu */
    ul.menu ul {
        white-space: nowrap;
    }
    
    /* extend sub-menu width to match text */
    ul.menu ul {
        width: auto;
    }
    #2300680

    teenshopinc
    Member

    Thanks so much!

The topic ‘Change menu dropdown pages to display in one line rather than two’ is closed to new replies.