Navigation Bar Default Theme 5.0

[Ableer Web Services]

Hello,

 

I'm integrating my website client area at http://my.ableerweb.com - the integration is done for the most part with the exeption of the navigation bar for WHMCS that you see at the top. For some reason it is going over the wrapper and I can't seem to pin point where this is located. I know that bootstrap.css contains the CSS for the nav bar in which for the tag, .topnav I've placed a width of 960 however it is still going over the edge.

 

If anyone has any ideas on this please let me know.

 

Thanks,

Cody

[Sitepearl]

Check out .topbar .fill in whmcs.css line 236... width is set to 960px which will stretch your parent container. Get Google Chrome of Firebug for Firefox... it will make your life a lot easier

[Ableer Web Services]

I use Google Chrome in which I see the issue. Now If I set the width of the parent and it stretched the container, then the whole thing would go past say my nav bar etc on the site correct?

 

I'm trying to make it line up with everything on the site its self also.

 

Thanks,

[Sitepearl]

Your parent is your container.

 

.fill is inside .topbar, so if .fill is set to 960px then .topbar will be equal to 960 + margin + padding on .topbar.

 

Try setting .topbar equal to 960px width, and then .fill to something like 850px, and then tweak .fill until you find the perfect width.

[WebsiteIntegrations]

you can also remove the white whmcscontainer background color and you may also want to reduce the width of .footerdivider