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
90 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
ID: 40595995
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
ID: 40596522
OK.  Good Advice
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses four methods for overlaying images in a container on a web page
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 …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…

910 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

22 Experts available now in Live!

Get 1:1 Help Now