DMXzone Bootstrap 3 Navigation Support Product Page

In progress

Navbar not pushing content down when in smaller view mode

Reported 13 Apr 2015 10:55:30
has this problem
13 Apr 2015 10:55:30 Bill Teale posted:

This has a couple of issues. When viewed in a larger screen the navigation is unreadable, with the links on top of each other.

Also, when the screen becomes smaller and the navigation changes to the mobile form, it appears above the actual content of the page, shouldn't it be moving the content down below it?

I just bought the programs this weekend, and tried to convert a page from version 2, but it would not work properly at all. This is a new build from scratch, but still would only work in mobile mode when I added the button below manually (after looking at the code in your showcases) Any advice on what I am doing wrong will be most helpful!

added by me, not the program - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs3-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>


Replied 14 Apr 2015 09:43:22
14 Apr 2015 09:43:22 Teodor Kuduschiev replied:
Hello Bill,
It seems you did not follow the exact steps shown in the Bootstrap Navbar tutorial.
1. You did not add a navbar header
2. Your navbar is "fixed-top" that's why it does not push the content as it stays "fixed" to the top of the page. Change this to "static-top"
Replied 22 Apr 2019 21:09:55
22 Apr 2019 21:09:55 Lisa Huftalen replied:
Static top makes the nav bar appear an inch down from the top?
Replied 23 Apr 2019 07:32:13
23 Apr 2019 07:32:13 Teodor Kuduschiev replied:
Hello Lisa,
This topi is 4 years old

Do you have any issues using the navigation? IF yes, please provide more detailed description of the issues you are having.

Reply to this topic