Nav bar centering issue

[pat_ads]

I purchased the Integration Service from WHMCS to integrate it into my responsive Wordpress template. I'm aware that WHMCS is not "responsive", but when I view that portion of my site on any mobile browser (iPhone or iPad), the navigation bar is off center and to the right. I opened a ticket asking WHMCS to tell me how to fix this and the response was:

 

The navigation bar is controlled by the navbar and container classes within the whmcs.css and bootstrap.css files of your custom template. You can alter these as you need to change the orientation of the bar itself.

 

Unfortunately, this does not tell me what to change on these two files. Can anyone help with more specific instructions? I've attached a pic of the problem area.

 

Thanks in advance!!

Edited May 2, 2013 by pat_ads

[DavidBee]

If you could provide me a link I will try and tell you the excat CSS. Screenshots not really helpful.

[WebsiteIntegrations]

you can change the width of the navbar to a percentage but then the problem you may have on smaller resolutions is that not all the menu items will fit on one line.

 

edit whmcs.css

 

.navbar .navbar-inner {
   margin: 0 auto;
   padding: 0 20px;
   width: 960px;
   height: 40px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   border-radius: 6px;
}

 

and bootstrap.css

 

.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
 width: 940px;
}

[pat_ads]

Thanks for the help. @wwesn, I did use

width: 95%;

on both css files and it looks great on both ipad and iphone, as well as standard browsers, so thanks so much for your help.

Edited May 3, 2013 by pat_ads