Jump to content
Sign in to follow this  
Ableer Web Services

Navigation Bar Default Theme 5.0

Recommended Posts

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

Share this post


Link to post
Share on other sites

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 :-)

Share this post


Link to post
Share on other sites

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,

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

By using this site, you agree to our Terms of Use & Guidelines