Streaming live at 10am (PST)

Help with navbar and moving content


#1

Hi guys!

I'm making my new site.
http://fellipeabreu.webflow.com/
https://preview.webflow.com/preview/fellipeabreu?preview=e4712754a28b36d219680667119d930b.

I made a navbar with over right type.
In first click all content move to left and in second click the content move to original position.

But if I click on nav-link or section-hero, the menu close but the content don't move to original position. And if click on navbar icon again the content do this.

I'm using burger animated icon with this custom code.

<!-- Hamburger Animation - Burger icon animated to X demo -->
<!-- source: http://codepen.io/markmarkmark/pen/inbfd -->
<script>
$(function() {
$('.burger-box').click(function(e) {
  e.preventDefault();
  $(this).toggleClass('open');
});
});

$( document ).ready(function() {
$('.burger-box').removeClass('open');
});

$(function() {
$('.w-nav-link, .section-hero').click(function(e) {
e.preventDefault();
$('.burger-box').removeClass('open');
});
});
</script>

<style type="text/css">
.burger,
.burger:before,
.burger:after {
  position: absolute;
  top: 28px;
  left: 18px;
  width: 24px;
  height: 4px;
  background: white;

 -webkit-transition: background 0.3s, -webkit-transform 0.3s, top 0.3s;
}

.burger:before {
  top: -8px;
  left: 0;
  content: "";
 }

.burger:after {
 top: 8px;
 left: 0;
 content: "";
}

.open .burger {
 background: transparent;
}

.open .burger:before {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
}

.open .burger:after {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
}
</style>

I'm sorry if I'm not too clear with my problem.
Thank you guys in advanced.


#2

Any ideias guys?
Thanks in advanced.


#3