Nav Bar Size

[vitordt 0]

Hi guys, I am having a problem with my nav bar. The problem happens when I put the mouse over the menu (nav bar) and the current page's link inside the drop down menu is shown smaller than the others. Please have a look at: http://www.mindon.com.br/v3/index.php/solucoes-presenciais/cursos-abertos/ and put the mouse over the second link in the nav bar. You will then see that Cursos Abertos's menu (which is the current page) is smaller than the others. Please see my custom css: body { font-size: 87%; height: 100%; line-height: 1.6em; padding-top: 0; } body #page #page-canvas{background: none} body #page{background: none} .sf-menu li, #primary-nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#FF6633!important;} #menu-nav .children a{background:#474747; font-size: 10.5px; padding-right: 50px; width: 220px !important;} .current_page_item a {background:transparent!important;} ul#children li.page_item {width: 220px;} #page-main{background:none} .page-id-55 #page-main{background:white} #cred {display:none;} #nav_row.main_nav, ul.sf-menu ul li {border-bottom: 0,3px solid #E9E9E9;} #banners{font-size:10pt} #branding .content-pad { padding: 10px 0 0 15px; } #feature-footer{border:none;} #feature .texture { padding-bottom: 0; } #primary-nav .texture { background: #FF6633!important; } #branding .texture { background: #FF6633!important; } #breadcrumb .texture { background: #FF6633!important; } .page-id-27 #boxes .dcol-pad{ border-radius:10px; -moz-border-radius:10px; box-shadow:1px 3px 6px #999; -moz-box-shadow:1px 3px 6px #999; padding:10px} #footer {background-color: #474747;} .post.fpost .entry, #soapbox .fboxinfo, #feature-footer.nonav { border-top: 0 solid #E9E9E9; } #soapbox .content-pad { padding-top: 0; #feature-footer.nonav { padding-top: 0; } #boxes .content-pad { padding: 0 0; } .page-id-27 #feature-slider{height:200px;} .widget { margin-bottom: 0; overflow: hidden; } Could you please help me with it? Thank you.

[gormanit 0]

The styles you have applied to (#menu-nav .children a) are causing the issue. Try adjusting: padding-right: 50px; width: 220px!important;

[vitordt 0]

Hi gormani It didn't work. Thanks !

[Kate 3]

Try this at the top of your custom code:

#menu-nav .children li.current_page_item{width:237px !important;padding-right:50px !important;}

[vitordt 0]

Kate, Bingo. Thanks !