Comments (7)
salem-san
commented on May 22, 2024
1
you can add these lines to your sb-admin-2.css stylesheet:
.navbar-default{
position: fixed;
width: 100%;
margin: 0 0 405px 0;
}change these lines :
@media(min-width:768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 250px;
padding: 52px 0 0 30px;/* for fixed menu*/ /*padding: 0 30px;*/
border-left: 1px solid #e7e7e7;
}
}et Voilà !
from startbootstrap.
commented on May 22, 2024
This would be a change you could do on your own by using position: fixed on some of the side bar elements. For now we are going to keep it static. In the future we may add a fixed variant of the template.
from startbootstrap.
eeezyy
commented on May 22, 2024
@salem-san nice solution, but in the mobile view the menu will get in your way.
from startbootstrap.
h-stivalet
commented on May 22, 2024
@eeezyy look for this and add the 5th line
#page-wrapper {
padding: 0 15px;
min-height: 568px;
background-color: #fff;
padding-top: 101px;
}
from startbootstrap.
vcleapz
commented on May 22, 2024
Just put <p style="margin: 35px;"></p> after <body>. And gotcha! you will see fixed navbar without any problem again!
from startbootstrap.
ezequielzeroc
commented on May 22, 2024
add a z-index to see the navigation bar at the top of all layers
.navbar-default{ position: fixed; z-index: 999; width: 100%; margin: 0 0 405px 0; }
from startbootstrap.
kumarmrigank1
commented on May 22, 2024
i do not want sidenav bar to be fixed on mobile view mode can any one help ?
from startbootstrap.
Related Issues (20)
- Slider makes the webpage bounce on mobile devices HOT 1
- Download Tempalte For Software Distribution HOT 1
- how to scroll in side menu ? HOT 2
- 404 on /posts
- How to add reference to ported themes? HOT 2
- sb-admin-2 with separate menus HOT 1
- Decrease the side menu width on SB Admin 2 HOT 1
- Menu-links skip to the top in screenreader HOT 1
- How to run startbootstrap
- fix Resources Bootstrap Development Tools links
- Improve seo theme- Start Bootstrap
- Organization Name HOT 12
- Can anyone upload ready to use theme ? HOT 1
- how to add vertical scrollbar in sidebar
- I have a suggestion to make start bootstrap better HOT 3
- Installing HOT 1
- README.md translation
- fix the header and sidebar
- Scroll-to-top button
- Repo Not found
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from startbootstrap.