fbpx

Change the Break Point of Nav Bar Menu in Bootstrap 3.3

Change the Break Point of Nav Bar Menu in Bootstrap 3.3

Change the Break Point of Nav Bar Menu in Bootstrap 3.3

Mar 19, 2020 – 1 min read

Description

Bootstrap by Twitter is one of the most popular CSS framework for developing responsive and mobile-first websites. I will be talking about the break point of Nav Bar menu in mobile. Naturally, it will break at 768 pixel width but there are cases when we may need to change the break point of the Nav Bar using. This is maybe due to too many elements in the main menu.

Solution

Don’t hack bootstrap.min.css or bootstrap.css. This may cause issues now and also in the future if you decide to upgrade to a newer version of Bootstrap. The best approach is to use your own stylesheet. Use the code below.

You can change the value 1250 to the desired breakpoint.

Make sure your CSS is loaded after Bootstrap, this will overlap bootstrap.css.

If you need assistance with Bootstrap, contact me.

Whenever you're ready, here's how I can help you:


1. Develop your Product: Want to start, maintain, and grow your tech business? Our team of senior software engineers at Camplight can help.

A team of +50 employee members and +1500 pre-vetted experts. We have delivered 300+ projects, handled 1200+ consultation requests, gained expertise in 4 key industries. We can manage budget scopes ranging from $1k to $800k+.

​Read more

or

Contact Camplight

Tags: