Solved

How can I get the mobile menu to display correctly in Bootstrap 3 after changing the breakpoint to 1013 px.

Posted on 2015-02-07
2
87 Views
Last Modified: 2016-02-25
After changing the menu breakpoint in Bootstrap 3, the hamburger drop down menu just flashes, but does not remain open, on the display.  What do  I need to change to get this menu to behave normally?

This behavior can be seen at http://www.pricelearman.com/clients/serenaconstruction.

The menu breakpoint and hamburger button work correctly, but clicking the hamburger only results in the mobile menu flashing briefly on the display.
0
Comment
Question by:dlearman1
2 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
Comment Utility
The first thing you have to do is clean up the errors in the markup; some of which appear directly related to the issue you are having. The validation report is at:
http://validator.w3.org/check?uri=http%3A%2F%2Fpricelearman.com%2Fclients%2Fserenaconstruction%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

After you fix the errors it might correct the problem, and if not it will at least make it possible to do meaningful diagnostics.

Cd&
0
 

Author Comment

by:dlearman1
Comment Utility
OK.  Good Advice
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

7 Experts available now in Live!

Get 1:1 Help Now