Navigation bar cut off help

cwdesign · October 16, 2013

Need help to figure out why my nav bar is being cut off right at the end of INFO. Tried different things and none seem to work. Viewing site in Chrome. Any help would be appreciated, thanks

www.adrianalajoie.com

Allen · October 16, 2013

Click the triangle on it and make sure width is 100%.

cwdesign · October 20, 2013

It is set for 100%. Using CSS script so I will check to see if there is something with that

Sent from my Nexus 7 using Tapatalk 4

toddbuchanan · October 21, 2013

cwdesign wrote: »

It is set for 100%. Using CSS script so I will check to see if there is something with that

Sent from my Nexus 7 using Tapatalk 4

I am getting the same thing. The nav bar on the right has lost any padding on the right.

I'm set to 100% and have tried messing with this CSS (I have a clients Nav Bar that has a solid color background):

/* make menu bar filled */
.yui3-u .sm-page-widget-nav-toplink
{
height:28px;
padding-bottom:6px;
padding-left:10px;
padding-right:8px;
margin:10px;
background: #706B57; /* fill the background*/
}

But the Padding-right on the last child does not seem to make any difference...So I tried to add margin:10px; and that made no difference.

I also came across this for the border:
.yui3-menu-item>.yui3-menu-label {
border: hidden;
padding-right:10px;
}

and tried adding the padding-right, but that made no difference either

Here is where it is cutting off:

leftquark · October 21, 2013

cwdesign wrote: »

Need help to figure out why my nav bar is being cut off right at the end of INFO. Tried different things and none seem to work. Viewing site in Chrome. Any help would be appreciated, thanks

www.adrianalajoie.com

It looks like you've entered some bad CSS. This is setting your padding-right to 0 for the last menu item:

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal [COLOR="Red"].sm-page-widget-nav-toplink:last-child[/COLOR] {
  border-right: 0;
  margin-right: 0;
[COLOR="red"]  padding-right: 0;[/COLOR]
}

I'd remove this code completely, or at least set:

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-toplink:last-child {
  padding-right: 10px !important;
}

cwdesign · October 21, 2013

Thanks for the help... Was missing the right padding code.

Sent from my Nexus 7 using Tapatalk 4

toddbuchanan · October 21, 2013

Thank You !!!! That did it....

Navigation bar cut off help

Comments