Navbar shows up without text/links on mobile [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I can't understand why the navbar shows up without text or links (and not even the three line thingy) when I use my phone to access my website.
I tried adding media queries but it didn't seem to help.
How can I rectify this?

You need to add a reference to the Bootstrap JavaScript file. It contains the Collapse plugin that makes the navbar-collapse work.
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
In addition, make sure it comes after the jQuery reference.

Related

Blank vertical column/space to the right on ipad mode [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I am in the process of creating this website
if you open developer mode on chrome and change to ipad there is blank column to the extreme right that runs throughout the page. I have no idea whats causing that break and i want to get rid if the space. All I can see is there is a border:box property from reboot.scss. bootsrap 4 is used in this development
any pointers will be much appeciated
Just add
html, body {
overflow-x: hidden;
}
Since you have overflowing/long link to the mail, it is taking up the area. If you use word-break for the same it works, depends on how you want to handle it.

Need help on Bootstrap - Beginner (CSS/HTML) [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I'm currently learning how Bootstrap works. As you can see there, it's a simple HTML page, it seems that only the background was applied in the CSS file. However, the next two modifications I did, did not apply. Any help would be really appreciated! Thank you!
HTML page
CSS page
website screenshot
Take out the semicolons after the curly braces in the css, they shouldn't be there.

OSX and Safari Problems [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am working with wordpress walkers and putting an icon just above the sub menu list items on primary navigation.
The problem is that with OSX. nothing I do via java or css positions the elements correctly in safari
http://thehaventucson.org/
I am more then willing to give creds to trustworthy peeps as well.
I would like to either get correct positioning or remove the element all together but on in safari.
I have combed through just about every snippet here and nothing seems to work.
Try using position: absolute instead of position: fixed on your little chip

Unwanted white space to the right on Mobile devices [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I'm learning to develop a website called icoined.com and now I am running into a problem with unwanted white space to the right side of the mobile screens which I can't figure out what cause it. I'm new to this so please ELI5. Thanks.
Add the class img-responsive to the image with the source assets/img/ico.png.
Also, In my tests I replaced your bootstrap version with this:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
and it's working perfect (You can see it in this bin - you can try to run it with or without your css which is in comment in that bin).

Responsive css is not used when frame is used [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have a website which is working as expected when resizing my window (responsive css is used) : http://carthera.eu/
But when I'm going on the same website with this url http://carthera.com/ responsive css is not taken into account.
I have seen that this url is using a frame to display http://carthera.eu.
Do you have any idea why I have this issue ?
The solution was to do a 301 redirect to the principal domain name. I had no other solution having no control over the frame.