Change the Break Point of Nav Bar Menu in Bootstrap 3.3

19 Mar Change the Break Point of Nav Bar Menu in Bootstrap 3.3

Posted at 13:58h in Articles by Pavel Tashev

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+.

Contact Camplight

2. Join Our Finder’s Fee Program: Refer a client and earn a 10% finder’s fee.

Do you know someone who needs a reliable software development partner to build and grow their product and venture?

At Camplight, we excel in delivering results and innovation for well-funded startups and established businesses, boasting a 95% recommendation rate from our clients.

Email Our Team at Camplight to Learn More

Tags:

bootstrap