"Self-made" menu

BB Theme
21

Hey Ben,

.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 65px;
	z-index: 100;
  width: 20px;
  height: 20px;
  border-bottom: 10px solid #fff;
  border-right: 10px solid #fff;
  z-index: 9;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 4s ease-in-out infinite;
	-moz-animation:    fade_move_down 4s ease-in-out infinite;
	animation:         fade_move_down 4s ease-in-out infinite;
}

/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}

Kuba

22

Hey Kuba,

Did you place that on an HTML module? Those are CSS codes so they should go under Appearance > Code > CSS. Can you share the steps you did in order to get it working?

Ben

23

Hey Ben,

It’s in CSS. I moved CSS of text slider to Child theme style editor and now it works (but now I can’t use page buider)

I’ve been looking for css+js+html editor for Wordpress and I got this: https://pl.wordpress.org/plugins/css-javascript-toolbox/

But sadly when I add any CSS or JS it literally appears in header or footer of my page.
Maybe you have any idea why or a plug in like that, that works with BB?

Btw, it would be awsome if there was a tool in Beaver Builder plug in for CSS, HTML and JS that works for example like this editor on codepen.io

Kuba

24

Hey Kuba,

Can you share the codepen link so I can check? We have a different place for JS codes under Appearance > Customize > Code > JS Code. The HTML code can only be placed as content inside the page.

Ben

25

Hey Ben,

Sorry for not answering.
I placed all HTML in page content and it worked.

Thanks!

Kuba

26

Awesome! Enjoy BB! :slight_smile:

Ben