How can I adjust submenu width?

  • Is it possible to have my dropdown menu width adjust itself depending on the length of the text? On my page here under the “Qualified Projects” tab you’ll see the submenu text is getting cut off:

    https://www.chicagoeb5.com/

    Ideally I don’t want all the submenus to be any wider – just this one. Is there a way I can either have it adjust automatically, or just customize the width of this one submenu?

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

  • Try editing the width value in:

    .art-menu ul a {
background-image:url("images/subitem-bg.png");
background-position:left top;
background-repeat:repeat-x;
border-style:solid;
border-width:0;
display:block;
height:20px;
line-height:20px;
margin-right:auto;
overflow:hidden;
text-align:center;
white-space:nowrap;
width:210px;
}

    in style.css

    Thread Starter captainsparkle

    (@captainsparkle)

    I tried widening the submenus from 210px to 275px, but I don’t like having all the menus super wide just to accommodate that one line of long text under “Qualified Projects” – you’ll see that the other tabs now have excessively wide submenus as well:

    https://www.chicagoeb5.com/test/

    What I’d like to do is either
    a) (preferably) only have the “Qualified Projects” menu be 275px wide and the others 210px, or if not,
    b) have different (shorter) text in the menu, but keep the full text on the page title. Do the link and page title have to match?

    to create a separate style for one tab – is this something that must be done in a PHP file somewhere?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I adjust submenu width?’ is closed to new replies.