Twitter Bootstrap Navbar Issue

Question

Currently working on my first website for a local business and I'm having an issue with the navbar when viewed on movile devices. If the device is unable to display the entire navbar when you scroll to the right it shows an empty space. I'm not sure what is causing the issue, could someone please point me in the right direction?

Here's the site URL - www.riksystems.com/index.html

Thanks.

You can duplicate this effect by resizing a desktop browser window to a width below about 1000px. Which is useful, because you have access to Firebug or an element inspector on the desktop. I've seen this sort of thing happen before with repeating backgrounds of unspecified width. — L_Holcombe
– L_Holcombe, Commented Jun 9, 2013 at 17:42

Pete D · Accepted Answer · 2013-06-09 18:48:48Z

1

It looks like you have a fixed layout and not a responsive one. Check directly from the getbootstrap how to create a responsive layout and check the code for a responsive navbar so when it is viewed on smaller resolutions the menu will colapse and show a button that you can click on to see the full menu. Click here.

and scroll down for the responsive navbar.

edited Jun 9, 2013 at 18:48

user751651

answered Jun 9, 2013 at 17:42

Pete D

8376 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1978298 Over a year ago

Thanks for this I'll have a look at implementing a responsive navbar.

Collectives™ on Stack Overflow

Twitter Bootstrap Navbar Issue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related