navbar

When scrollbar is on top browser displays: HTML: ------------------------- | HEADER | ------------------------- | NAVBAR | ------------------------- | body | ------------------------- When scrollbar is down NOW browser normally displays: HTML: ------------------------- | | | body | | | ------------------------- But I'd like to have: ------------------------- | NAVBAR | ------------------------- | | | body | | | ------------------------- I tried with: <div id="navbar">...</div> CSS: #navbar { position:fixed; z-index:1; } But this only works if navbar is on the top position. I have the header on

I'm using a 10-item unordered list as a navigation bar. Using SSI, I put the header and navigation bar into every file. I'd like a way to add class="active" to the ruleset of the currently active page (the current page's corresponding <li> will have a different style). Including the file in every page means that, in the included file, none of the items can have the active class. Is there a way to do this in just a few lines of code? (using jQuery/JS) My other option is to match the last part of the URL to part of the href of the anchor within each list item. Solution: (courtesy of

So I have these images that are used for a custom Nav bar and items, they look like this.Currently I have the custom nav bar set up, however I don't know how change the default "back" button to the back button image below, this is what I want to know? Any help would be greatly appreciated. Note: I am using storyboards. Thanks This is the nav bar: This is my back button that i don't know how to imlpement. mr.boyfox If you want add back button to UINavigation try this: First create back button: 1. If you don`t need back action: UIBarButtonItem *myBackButton = [[UIBarButtonItem alloc]

I wanted to close the mobile navbar on click, I see the answer for my question here . The problem with the code given in this question is that it's always trying to close the navbar, no matter if we see the toggle navbar or the "Normal" navbar. So I want to do an if/else that check if the width is higher or lower that 768px (the width that changes the navbars), so I have this in my document.ready() right now. function close_toggle() { if ($(window).width() <= 768) { $('.nav a').on('click', function(){ $(".navbar-toggle").click(); }); } } close_toggle(); $(window).resize(close_toggle); The

I have looked at other questions and the bootstrap documentation and cant seem to find out what these classes do to elements. Any help is appreciated! Im just trying to make my search bar be 1/4th the size on a large viewport, 1/3 the size on a medium viewport, and 100% the size on a small viewport! Those are bootstrap spacing utilities classes : mr-sm-2 : r - for classes that set margin-right or padding-right my-2 , my-lg-0 : y - for classes that set both *-top and *-bottom the m m - for classes that set margin you can see the notation from boostrap spacing here sm and lg are utilities

I am new to AngularJS and I try to deal with user authentication. I ensure non connected user can't access restricted route : app.js .config(function ($routeProvider) { $routeProvider .when('/myroute', { templateUrl: 'views/myroute.html', controller: 'MyrouteCtrl', access: { isFreeAccess: false } }) ... .run( function ($rootScope, $location, Auth) { $rootScope.$on('$routeChangeStart', function(currRoute, prevRoute){ if (prevRoute.access != undefined) { // if route requires auth and user is not logged in if (!prevRoute.access.isFreeAccess && !Auth.isLogged) { // redirects to index $location