wrap menu titles

Community Forums Forums Design Tips and Tricks wrap menu titles

This topic is: not resolved

Tagged: , ,

This topic contains 1 reply, has 2 voices, and was last updated by  Robin 1 year, 8 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #30876

    newbie
    Participant
    Post count: 5

    I’m using the executive child theme and using the custom menu in the widgets to place the menu at the top right instead of below the header which is where the primary and secondary navigation menus are placed.

     

    I want to use some menu titles that are long.  How can I get those titles to wrap and take up more space vertically so that it all fits without making two menu blocks at the top?

    #31510

    Robin
    Participant
    Post count: 327

    You can add a width to this section of code:
    .menu-primary a,
    .menu-secondary a,
    #header .menu a {
    color: #666;
    display: block;
    padding: 15px 20px;
    position: relative;
    text-decoration: none;
    width: 50px;
    }

    (The 50 was just a number that I threw in there.) Note that this will affect all of the menu links, so if you want it to just affect the header menu, add it to the next section in the style.css instead.


    I do the best I can with what I’ve got. (say hey on twitter)

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.