Programming

Programming Questions? Ask a Programmer for Answers ASAP

Ask a Computer Expert,
Get an Answer ASAP!

Programming

Re. Bootstrap. I have a menu contained in a sidebar. I need

Customer Question
Re. Bootstrap. JA: How long has...
Re. Bootstrap.
JA: How long has this been going on?
Customer: I have a menu contained in a sidebar. I need it to collapse when everything transforms into a single column when the screen size reaches 768px. It needs to be substituted by a button which the user presses to reveal the menu. The code I have found applies to the standard horizontal menu, and I can't get it to work with this vertical menu in a sidebar. Thanks.
JA: What troubleshooting have you tried?
Customer: I can produce a button with a collapsable menu, but it is the same no matter what the screen size is.
JA: The programmer can solve this for you. Anything else you want him to know before I connect you two?
Customer: No, I've managed to sort out everything else. Thanks
Submitted: 1 year ago.Category: Programming
Show More
Show Less
Ask Your Own Programming Question
Answered in 1 hour by:
8/10/2016
Programmer: Bhavik Joshi, Computer Software Engineer replied 1 year ago
Bhavik Joshi
Bhavik Joshi, Computer Software Engineer
Category: Programming
Satisfied Customers: 689
Experience: Product Developer at Computer Science Corporation
Verified

Hi, I'm Bhavik. Welcome to JustAnswer. I'm reviewing your question now, and will reply back ASAP.

Ask Your Own Programming Question
Programmer: Bhavik Joshi, Computer Software Engineer replied 1 year ago

Please share your code with me, I will try my best to help you in it.

Ask Your Own Programming Question
Customer reply replied 1 year ago
Hi, I am just building my new site in Bootstrap and can do everything I want except get the menu right. On large screens I would like the full menu in the side bar, with the decoration you can see, and with no button visible. Below a screen width of 768px when it collapses to 1 column, I would like just the button to be visible, but for the same menu to drop down when the button is clicked. I have enclosed my current version of the index file, which just shows a button at all times, and the amendments I have added to the standard bootstrap.css. There were no changes to the standard bootstrap.js file.
Programmer: Bhavik Joshi, Computer Software Engineer replied 1 year ago

I tried but not luck.. I am opting out so that other expert can help you in it.

Ask Your Own Programming Question
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago
George Sibiya
George Sibiya, Computer Hardware Engineer
Category: Programming
Satisfied Customers: 253
Experience: PhD in Computer Science
Verified

Hi,

My name is George.

I will also try it out and give feedback.

Regards,

George

Ask Your Own Programming Question
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Hi,

What version of boostrap are you using? I am testing with version 3.3.7 from http://getbootstrap.com/getting-started/#download

Regards,

G

Ask Your Own Programming Question
Customer reply replied 1 year ago
George, I have been using version 3.3.7, and the already compiled css, Ken
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Ok great. I just need to test it on a small screen now

Ask Your Own Programming Question
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Hi,

Including these classes in your ul tag with the menus does hide the menu when the screen gets smaller

class="navnav-list hidden-md hidden-sm hidden-xs"

When you clink the button however the menu does not appear as expected.

I am investigating other solutions as having data-toggle="modal" in the button tag did not work. You may test it however as I have not tested it on a variety of devices.

Regards,

G

Ask Your Own Programming Question
Customer reply replied 1 year ago
George,I test different screen sizes using a Google Chrome plug-in. The version of 'index' I sent you shows just the menu button at all screen sizes, and the menu drops down when the button is clicked. I see no difference when 'hidden' classes are added to the ul tag.data-toggle="modal" does not work.Bootstrap appears to have many 'nav' commands, and I suspect that one of these will do what I want, but I don't know where to find a full list of them, along with their attributes.Regards, Ken
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Hi Ken,

I have tested by shrinking the width of the Google Chrome window I'll also try the plugin.

I have also realised that modal is not that different from collapse except that the menu displays as a popup.

You are right bootstrap should have the class/command we want I'll also help figure out.

Regards,

G

Ask Your Own Programming Question
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

My index page that hides the menu but fails to display after button click is here https://dl.dropboxusercontent.com/u/21712482/index.html

Ask Your Own Programming Question
Customer reply replied 1 year ago
George, thanks for your continuing efforts, Ken
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Hi Ken,

Please download this index file https://dl.dropboxusercontent.com/u/21712482/index.html

And test to verify if thats how you want your menus to behave.

I have tested with "Resize Window" plugin in Chrome.

Regards,

G

Ask Your Own Programming Question
Customer reply replied 1 year ago
George,What I see is a menu button, with the menu list below it twice. This is the same at all screen sizes. So, this is not what I am looking for.What I need is the menu list with no button visible at larger screen sizes, just like my current static site - http://www.omnagen.com Below 768px, I would like just the menu button visible, and clicking on it then reveals the full menu.Regards, Ken
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Ok cool, I'll rework it and send the entire HTML5 project that I am testing it on.

Ask Your Own Programming Question
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Hi Ken,

Please download the project from https://dl.dropboxusercontent.com/u/21712482/JAClient.zip

Changes that I have made are indicated with comments in the index file and bootstrap. To control the behaviour I have just played around with bootstrap's hidden-* classes in the functions inside js/navbarcontrol.js . I was able to obtain the views as seen in the attached images.

You can run the project by importing it in Netbeans with an HTML5 plugin installed.

Please do tell me if it is not behaving as expected and remember to reload the page every time you change the browser screen size while testing.

Regards,

G

Ask Your Own Programming Question
Customer reply replied 1 year ago
George,Thanks, I'm not going to have time to look at this until tomorrow afternoon.Regards, Ken
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Ok, chat to you then.

Ask Your Own Programming Question
Customer reply replied 1 year ago
George,Certainly making progress.Index
As I want the menu to stay in a particular position within a column on the the web page, I don't think this will work. The menu also overlaps with the page at intermediate screen sizes, which is not good.Index_1
This is probably the way forward. I like that only the menu is visible at large screen sizes, and only the button at small sizes. But the menu covers the full screen width and is in a grey box, which I don't want. I would like it in a finite colored box.I would also like the break between full menu and button to be at 768px, and at the moment it is at around 1024px, but I guess this can be sorted easily by the 'hidden' and visible' classes.However, when I copy the code into my site, only the button is visible at all screen sizes. A .doc file is enclosed with my code. I have probably made a silly mistake somewhere.Regards, Ken
Programmer: George Sibiya, Computer Hardware Engineer replied 1 year ago

Ok, thank you so much for the feedback. I'll work on you full index and send it back.

Ask Your Own Programming Question
Customer reply replied 1 year ago
George,I have sorted it out for myself, as I need to get on with it.Thanks and regards, Ken
Ask George Sibiya Your Own Question
George Sibiya
George Sibiya
George Sibiya, Computer Hardware Engineer
Category: Programming
Satisfied Customers: 253
253 Satisfied Customers
Experience: PhD in Computer Science

George Sibiya is online now

A new question is answered every 9 seconds

How JustAnswer works:

  • Ask an ExpertExperts are full of valuable knowledge and are ready to help with any question. Credentials confirmed by a Fortune 500 verification firm.
  • Get a Professional AnswerVia email, text message, or notification as you wait on our site. Ask follow up questions if you need to.
  • 100% Satisfaction GuaranteeRate the answer you receive.

JustAnswer in the News:

Ask-a-doc Web sites: If you've got a quick question, you can try to get an answer from sites that say they have various specialists on hand to give quick answers... Justanswer.com.
JustAnswer.com...has seen a spike since October in legal questions from readers about layoffs, unemployment and severance.
Web sites like justanswer.com/legal
...leave nothing to chance.
Traffic on JustAnswer rose 14 percent...and had nearly 400,000 page views in 30 days...inquiries related to stress, high blood pressure, drinking and heart pain jumped 33 percent.
Tory Johnson, GMA Workplace Contributor, discusses work-from-home jobs, such as JustAnswer in which verified Experts answer people’s questions.
I will tell you that...the things you have to go through to be an Expert are quite rigorous.

What Customers are Saying:

My Expert answered my question promptly and he resolved the issue totally. This is a great service. I am so glad I found it I will definitely use the service again if needed.

One Happy CustomerNew York

Wonderful service, prompt, efficient, and accurate. Couldn't have asked for more. I cannot thank you enough for your help.

Mary C.Freshfield, Liverpool, UK

This expert is wonderful. They truly know what they are talking about, and they actually care about you. They really helped put my nerves at ease. Thank you so much!!!!

AlexLos Angeles, CA

Thank you for all your help. It is nice to know that this service is here for people like myself, who need answers fast and are not sure who to consult.

GPHesperia, CA

I couldn't be more satisfied! This is the site I will always come to when I need a second opinion.

JustinKernersville, NC

Just let me say that this encounter has been entirely professional and most helpful. I liked that I could ask additional questions and get answered in a very short turn around.

EstherWoodstock, NY

Thank you so much for taking your time and knowledge to support my concerns. Not only did you answer my questions, you even took it a step further with replying with more pertinent information I needed to know.

RobinElkton, Maryland

< Previous | Next >

Meet the Experts:

ATLPROG

ATLPROG

Computer Software Engineer

7,677 satisfied customers

MS in IT.Several years of programming experience in Java C++ C C# Python VB Javascript HTML

LogicPro

LogicPro

Computer Software Engineer

7,131 satisfied customers

Expert in C, C++, Java, DOT NET, Python, HTML, Javascript, Design.

unvadim

unvadim

Computer Software Engineer

1,168 satisfied customers

Good knowledge of OOP principles. 3+ years of programming experience with Java and C++. Sun Certified Java Programmer 5.0.

lifesaver

lifesaver

Computer Software Engineer

950 satisfied customers

Several years of intensive programming and application development experience in various platforms.

ehabtutor

ehabtutor

Computer Software Engineer

936 satisfied customers

Bachelor of computer science, 5+ years experience in software development, software company owner

TheDoctor

TheDoctor

Software Engineer

893 satisfied customers

M.S. in Internet Information Systems

The-PC-Guy

The-PC-Guy

Software Engineer

800 satisfied customers

Extensive Knowledge in PHP, MYSQL, CSS & Javascript

< Previous | Next >

Related Programming Questions
How do I get my restored Microsoft Wordpad .rtf files to
How do I get my restored Microsoft Wordpad .rtf files to stop coming up in Landscape orientation. I want them to normally come up in Portrait orientation? (Tech Viet helped me a few days ago.)… read more
David L.
David L.
Bachelor\u0027s Degree
6 satisfied customers
I am looking for help understanding the content of some
Hi. I am looking for help understanding the content of some files. Ideally, I could have someone explain what certain things mean so that I am not making assumptions. The files are in HTML, JS, SQL, a… read more
George Sibiya
George Sibiya
Computer Hardware Engineer
253 satisfied customers
Searching for a tutorial on WordPress theme ColorMag Pro -
Searching for a tutorial on WordPress theme ColorMag Pro - some I have found have no sound and or the narration isn't understandable. … read more
RussellA
RussellA
Solutions Architect
Bachelor\u0027s Degree
121 satisfied customers
VWorker01.pyw import sys; print (sys.version) n = 4; m = 2 M
vWorker01.pyw import sys; print (sys.version) n = 4; m = 2 M = n * [n * [0.0]] print("show M contents: ") print (M) for i in iter(range(m,n)): M[i][i] = 1.0 print ("show M contents: ") print(M)# For c… read more
George Sibiya
George Sibiya
Computer Hardware Engineer
253 satisfied customers
I must have messed up something on my
I must have messed up something on my oshaukutaoutdoors.wordpress.com site as I can't get into it. I am hoping you can help me out … read more
RussellA
RussellA
Solutions Architect
Bachelor\u0027s Degree
121 satisfied customers
Is there a way I can get Microsoft excel to stop using the
is there a way I can get Microsoft excel to stop using the scientific notation and altering my data? for example, some numbers shows up as 75645+0545. I need this to stop and to get it to stop saving … read more
The-PC-Guy
The-PC-Guy
Software Engineer
Bachelor's Degree
800 satisfied customers
I want to remove search items from my gmail search list the
i want to remove search items from my gmail search list the case is .... when i search something in gmail it shows me a list o messages, but i already deleted these messages.. now i don't want that th… read more
Pete
Pete
Engineer
Bachelor\u0027s Degree
1,123 satisfied customers
I work in computer/network security. In order to really
I work in computer/network security. In order to really become an expert in that field, I need to have an intimate understanding of the C programming language. This helps to do tasks like code auditin… read more
Martin
Martin
Network Engineering Diploma
141 satisfied customers
I need the source code or the library in Java that defines
I need the source code or the library in Java that defines OUAnimatedApplication and OUColour … read more
George Sibiya
George Sibiya
Computer Hardware Engineer
253 satisfied customers
CGI/PERL I need help with a project that has the guidelines
CGI/PERL I need help with a project that has the guidelines listed. if it can be done within a week , I will be overly... appreciative.… read more
George Sibiya
George Sibiya
Computer Hardware Engineer
253 satisfied customers
My excel files are locked for editing I am the only user.
my excel files are locked for editing I am the only user … read more
Kamil Anwar
Kamil Anwar
IT Consultant / Systems Engineer
Bachelor\u0027s Degree
433 satisfied customers
I have a financial table using positive and negative
I have a financial table using positive and negative numbers, randomly. I have an equations two find the balance, but Excel is not using the signage of the numbers. … read more
Kris R
Kris R
IT Manager
Computing
2,596 satisfied customers
Not able to use Word and Excel. Have not since Windows 10
Have not since Windows 10 was installed in Jan. 2016 … read more
Jason Jones
Jason Jones
AAS Information Technology
6,320 satisfied customers
Looking for some help writing this program. Its perl/python
Looking for some help writing this program. Its perl/python scripting. Write a Python program that prints "DU" , similar to the image i have attached. I am looking for the Python code (.py) file and t… read more
George Sibiya
George Sibiya
Computer Hardware Engineer
253 satisfied customers
Copy & paste cell comments from one worksheet to another
Copy & paste cell comments from one worksheet to another with vba excel. Please find attached detailed reference workbook. Solution with vba excel only.… read more
Ingo U
Ingo U
Master\u0027s Degree
357 satisfied customers
I have mapped a domain to my wordpress site and I wish to
Hi pearl - i have mapped a domain to my wordpress site and I wish to change it - do I need to pay for this to happen? … read more
Kamil Anwar
Kamil Anwar
IT Consultant / Systems Engineer
Bachelor\u0027s Degree
433 satisfied customers
I have an excel question. 3 days ago. Utilizing a
utilizing a spreadsheet I've built. Attempting to find a solution to a formula problem. … read more
George Sibiya
George Sibiya
Computer Hardware Engineer
253 satisfied customers
I need help with an If formula: English. I would like to
I would like to create a formula that: IF a cell is =too or greater than 100% than the outcome would be $25, if that same cell is greater than 125% than the outcome would be $35 … read more
The-PC-Guy
The-PC-Guy
Software Engineer
Bachelor's Degree
800 satisfied customers
Disclaimer: Information in questions, answers, and other posts on this site ("Posts") comes from individual users, not JustAnswer; JustAnswer is not responsible for Posts. Posts are for general information, are not intended to substitute for informed professional advice (medical, legal, veterinary, financial, etc.), or to establish a professional-client relationship. The site and services are provided "as is" with no warranty or representations by JustAnswer regarding the qualifications of Experts. To see what credentials have been verified by a third-party service, please click on the "Verified" symbol in some Experts' profiles. JustAnswer is not intended or designed for EMERGENCY questions which should be directed immediately by telephone or in-person to qualified professionals.

Disclaimer: Information in questions, answers, and other posts on this site ("Posts") comes from individual users, not JustAnswer; JustAnswer is not responsible for Posts. Posts are for general information, are not intended to substitute for informed professional advice (medical, legal, veterinary, financial, etc.), or to establish a professional-client relationship. The site and services are provided "as is" with no warranty or representations by JustAnswer regarding the qualifications of Experts. To see what credentials have been verified by a third-party service, please click on the "Verified" symbol in some Experts' profiles. JustAnswer is not intended or designed for EMERGENCY questions which should be directed immediately by telephone or in-person to qualified professionals.

Show MoreShow Less

Ask Your Question

x