Remove animations & fix navbar

This commit is contained in:
Edin Dazdarevic
2017-10-04 22:11:54 +02:00
parent e354412768
commit b84bae2ba3
4 changed files with 41 additions and 25 deletions

View File

@@ -1 +1,9 @@
# saburly-website2 # Saburly Website
## TODO:
Mobile:
[ ] - Our work slider not working
[ ] - More precise menu button
[ ] - Remove landing animation on mobile

View File

@@ -206,8 +206,11 @@ ul,p{
} }
/*-----------------------------What we do-----------------------*/ /*-----------------------------What we do-----------------------*/
.what-we-do{ .what-we-do{
padding: 150px 0; padding: 230px 0;
position: relative;
top: -80px;
} }
.med-title{ .med-title{
margin: 0; margin: 0;
color: #26245F; color: #26245F;
@@ -459,11 +462,11 @@ footer ul li a:hover{
body.second .navbar body.second .navbar
{ {
background: #656bfd !important; background: #656bfd !important;
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: 999; z-index: 999;
transition: all 0.3s ease-in-out; /*transition: all 0.3s ease-in-out;*/
} }
.owl-page.active{ .owl-page.active{
height: 8px !important; height: 8px !important;
@@ -804,6 +807,13 @@ footer .back-to-top{
.what-we-do,.how-we-work { .what-we-do,.how-we-work {
padding: 50px 0; padding: 50px 0;
} }
.what-we-do {
padding: 100px 0;
position: relative;
top: -60px;
}
.navbar-default { .navbar-default {
padding: 5px 0; padding: 5px 0;
} }

View File

@@ -29,7 +29,7 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix" data-offset-top="900"> <nav class="navbar navbar-default navbar-fixed-top" data-spy="affix">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">

View File

@@ -79,22 +79,22 @@ $('a.back-to-top').click(function() {
//appear animedted............... //appear animedted...............
$('.animated').appear(function() { // $('.animated').appear(function() {
var elem = $(this); // var elem = $(this);
var animation = elem.data('animation'); // var animation = elem.data('animation');
if (!elem.hasClass('visible')) { // if (!elem.hasClass('visible')) {
var animationDelay = elem.data('animation-delay'); // var animationDelay = elem.data('animation-delay');
if (animationDelay) { // if (animationDelay) {
setTimeout(function() { // setTimeout(function() {
elem.addClass(animation + " visible"); // elem.addClass(animation + " visible");
}, animationDelay); // }, animationDelay);
} else { // } else {
elem.addClass(animation + " visible"); // elem.addClass(animation + " visible");
} // }
} // }
}); // });
//end appear animedted............... //end appear animedted...............
$(document).ready(function() { $(document).ready(function() {
@@ -167,9 +167,7 @@ $(window).on("scroll", function() {
$(document).ready(function() { $(document).ready(function() {
var fadeStart = 900; var fadeStart = 900;
var fadeUntil = 1300; var fadeUntil = 1300;
$(window).scroll(function() { $(window).scroll(function() {
var offset = $(document).scrollTop(); var offset = $(document).scrollTop();