Navbar submenu too big

onesiloponesilop Registered Users Posts: 22 Big grins
edited August 20, 2013 in SmugMug Customization
I am having an issue with my nav bar that the submenu is too big.

I have tried a number of different CSS changes with nothing really working.

i-rHTQ94z-M.jpg

Any suggestions?
smugmug

I shoot therefore I am

Comments

  • Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited August 19, 2013
    Try this code:
    .yui3-menu-item>.yui3-menu-label{
        padding: 1px 46px 2px 22px;
        background-color: #000;
        font-size: 16px;
        border: 2px solid #fff;
        border-radius: 2px;
      }
    
  • onesiloponesilop Registered Users Posts: 22 Big grins
    edited August 20, 2013
    Sir_Eagle wrote: »
    Try this code:
    .yui3-menu-item>.yui3-menu-label{
        padding: 1px 46px 2px 22px;
        background-color: #000;
        font-size: 16px;
        border: 2px solid #fff;
        border-radius: 2px;
      }
    

    Thanks that worked a charm, I was not using the right css tag. I encountered another problem and that was the last submenu item had no border. I fixed it with this
      .yui3-menu-item>.yui3-menu-label{
        padding: 3px 3px 3px 3px;
        background: black;
        border: 1px solid;
        border-radius:6px;
      }
    
    .yui3-menu-item:last-child>a.yui3-menu-label
    {
        padding: 3px 3px 3px 3px;
        background: black;
        border: 1px solid;
        border-radius:6px;
      }
    
    smugmug

    I shoot therefore I am
  • Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited August 20, 2013
    onesilop wrote: »
    ......................................... I encountered another problem and that was the last submenu item had no border. I fixed it with this
    Had to do something similar for colors and border myself.
Sign In or Register to comment.